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

时间:2013-02-21 11:43:59

标签: javascript ember.js

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

9 个答案:

答案 0 :(得分:32)

这是我的肮脏解决方法

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

答案 1 :(得分:3)

我会做类似于上面的人的事情,但我会做的有点不同。

<强>密新

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 mixin:

var Object = Ember.Object.extend(App.NativeObject, {
    name: 'Adam',
    count: 4
});

然后我们在实现mixin的所有对象上都有toNative方法。

强制性的jsFiddle:http://jsfiddle.net/jumUx/

答案 2 :(得分:1)

如果您的对象是ember-data模型的子类,请注意you can use the toJSON method,否则您可以使用:

JSON.parse(JSON.stringify(emberObj))

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

答案 3 :(得分:0)

目前,我使用以下代码解决了这个问题:

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(因为我使用的数据对象非常简单,从那个角度来看)

答案 4 :(得分:0)

这就是我所做的,而且效果很好。请注意,这应该只是准备就绪,因为复制对象中对象或数组的任何更改都会影响原始对象

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 :(得分:0)

对我来说非常简单的工作原理是:

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

在app加载时。

答案 6 :(得分:0)

这对我有用:

myModel.toJSON({includeId: true})

我正在使用Ember 3。

答案 7 :(得分:0)

对于现代(3.17)余烬,我使用了myEmberObject.getProperties('id', 'name', 'foo', 'bar')

它产生一个普通的对象。

答案 8 :(得分:-1)

另一种可能满足您需求的解决方案,而不是对嵌套的Ember对象完全递归:

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

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