Я не мог найти никакого способа выполнить задачу такого преобразования, поскольку я не мог найти никаких средств для получения свойств Ember.js для объекта. Ember.keys
возвращает только свойства, заданные в create
или get
, и свойства, объявленные в Ember.extend
, не отображаются там. Я использую такие свойства для установки значений по умолчанию (например, []
для свойств массива)
Есть ли способ конвертировать объект Ember в простой объект javascript?
Ответ 1
В данный момент я решаю его со следующим фрагментом:
App.plainCopy = function (obj) {
if (Ember.isArray(obj)) {
return obj.map(App.plainCopy);
} else if (typeof(obj) === "object") {
if (App.Plainable.detect(obj)) {
return obj.plainCopy();
} else {
throw new Error(Ember.String.fmt("%@ is not Plainable", [obj]));
}
} else {
return obj;
}
}
App.Plainable = Ember.Mixin.create({
plainCopy: function() {
var props = Ember.keys(this);
var proto = this.constructor.prototype;
for(p in proto) {
if (proto.hasOwnProperty(p) && typeof(this[p])!=="function") {
props.push(p);
}
}
var copy = {};
props.forEach(function(p) {
copy[p] = App.plainCopy(this.get(p));
}, this);
return copy;
}
});
Он не поднимается по иерархии классов и не смотрит в mixins (поскольку я использую для объектов данных, которые являются довольно простой формой этой точки зрения)
Ответ 2
Вот мой грязный обход
var newModel = JSON.parse(JSON.stringify(model));
Ответ 3
Я бы сделал нечто похожее на человека выше, но я бы сделал это немного по-другому.
Mixin
App.NativeObject = Ember.Mixin.create({
toNative: function() {
var properties = [];
for (var key in this) {
if (jQuery.inArray(Ember.typeOf(object[key]), ['string', 'number', 'boolean']) !== -1) {
properties.push(key);
}
}
return this.getProperties(properties);
}
});
Объект
Затем вам просто нужно реализовать микс App.NativeObject
в ваших объектах, который вам нужен toNative
on:
var Object = Ember.Object.extend(App.NativeObject, {
name: 'Adam',
count: 4
});
Затем мы используем метод toNative
для всех объектов, реализующих наш mixin.
Обязательный jsFiddle: http://jsfiddle.net/jumUx/
Ответ 4
Это то, что я сделал, и это работает очень хорошо. Обратите внимание: это должно быть только готово, так как любые изменения объекта или массива в скопированном объекте будут влиять на исходный объект
App.BaseValidations = Ember.Object.create({
toObject: function() {
var destination = {}
for (var k in this) {
if (this.hasOwnProperty(k) && typeof(this[k]) !== 'function') {
destination[k] = this[k];
}
}
return destination;
}
})
Ответ 5
что-то довольно простое, что достаточно хорошо для меня было:
Ember.Object.reopen({
toJson: function() {
return JSON.parse(JSON.stringify(this));
}
});
при загрузке приложения.
Ответ 6
Еще одно возможное решение, которое может удовлетворить ваши потребности, но не полностью рекурсивное для вложенных объектов Ember:
// where myEmberObject is.. an ember object
var plainJavaScriptObject = myEmberObject.toJSON();
Это будет включать только фактические свойства, которые вы определили, и внутренние элементы Ember. Опять же, недостатком здесь является то, что любые вложенные объекты Ember сами не будут преобразованы, но будут отображаться как строки в стиле "".