Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/ember.js/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
有没有办法将Ember对象转换为普通javascript对象?_Javascript_Ember.js - Fatal编程技术网

有没有办法将Ember对象转换为普通javascript对象?

有没有办法将Ember对象转换为普通javascript对象?,javascript,ember.js,Javascript,Ember.js,我找不到任何方法来完成这样的转换任务,因为我找不到任何方法来获取对象的Ember.js属性Ember.keys仅返回我在create或使用get中设置的属性,并且Ember.extend中声明的属性不会显示在那里。我使用这些属性来设置默认值(例如,数组属性的[]),此时我使用以下代码片段来解决它: App.plainCopy=功能(obj){ 国际单项体育联合会(余烬艾萨瑞(obj)){ 返回目标地图(应用程序纯拷贝); }else if(类型(对象)=“对象”){ if(应用程序可解释检测(o

我找不到任何方法来完成这样的转换任务,因为我找不到任何方法来获取对象的Ember.js属性
Ember.keys
仅返回我在
create
或使用
get
中设置的属性,并且
Ember.extend
中声明的属性不会显示在那里。我使用这些属性来设置默认值(例如,数组属性的
[]

,此时我使用以下代码片段来解决它:

App.plainCopy=功能(obj){
国际单项体育联合会(余烬艾萨瑞(obj)){
返回目标地图(应用程序纯拷贝);
}else if(类型(对象)=“对象”){
if(应用程序可解释检测(obj)){
返回obj.plainCopy();
}否则{
抛出新错误(Ember.String.fmt(“%@不可解释”,[obj]);
}
}否则{
返回obj;
}
}
App.Plainable=Ember.Mixin.create({
纯拷贝:函数(){
var props=余烬键(此键);
var proto=this.constructor.prototype;
for(proto中的p){
if(proto.hasOwnProperty(p)和typeof(this[p])!=“function”){
道具推(p);
}
}
var copy={};
道具forEach(功能(p){
copy[p]=App.plainCopy(this.get(p));
},这个);
返回副本;
}
});

它不会上升到类层次结构,也不会研究混合(正如我对从这个角度来看非常简单的数据对象所使用的)

我会做一些与上面的人类似的事情,但我会做一些不同的事情

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);
    }
});
对象

然后,您只需在您希望使用
toNative
的对象中实现
App.NativeObject
混合:

var Object = Ember.Object.extend(App.NativeObject, {
    name: 'Adam',
    count: 4
});
然后,在实现mixin的所有对象上都有
toNative
方法


强制性JSFIDLE:

另一种可能的解决方案,可以满足您的需要,同时不会对嵌套的Ember对象进行完全递归:

// where myEmberObject is.. an ember object
var plainJavaScriptObject = myEmberObject.toJSON();

这将只包括您定义的实际属性,而不包括余烬内部。同样,这里的缺点是,任何嵌套的Ember对象本身都不会被转换,而是以“.”样式显示为字符串

var newModel = JSON.parse(JSON.stringify(model));

这就是我所做的,它工作得很好。注意,这应该只准备就绪,因为对复制对象中的对象或数组的任何更改都将影响原始对象

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;
    }
})

对我来说,一个非常简单的、能够正常工作的方法是:

Ember.Object.reopen({
    toJson: function() {
        return JSON.parse(JSON.stringify(this));
    }
});

在应用程序加载时。

如果您的对象是ember数据模型的子类,请注意,否则您可以使用:

JSON.parse(JSON.stringify(emberObj))
要获取任何支持本机json序列化的值(即不是函数/方法)

这对我来说很有用:

myModel.toJSON({includeId:true})

我使用的是Ember 3。

对于现代(3.17)Ember,我使用的是
myEmberObject.getProperties('id','name','foo','bar')


它生成一个普通的对象。

它看起来像JSON.stringify也忽略了“类属性”您的解决方案不是递归的,尽管这只是使其递归的一小步。是的,但请看一下您的这把小提琴:如果您创建一个类,“NativeObject”将包括额外的属性,如
isDestroyed
等。是的,如果不明确指定,很难排除这些问题。这里有一个例子:它覆盖
Ember.CoreObject
create
方法来发现对象上的属性,否则我们将不幸地从原型链中获取临时属性。现在,您可以只使用
model.toJSON()
。由于循环引用,因此并不总是有效。