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

Question

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

Answer 1

这是我肮脏的解决方法

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

Answer 2

我会做与上面那个人类似的事情，但我会做一些不同的事情。

混入

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在你的对象的mixin，你想在toNative上：

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

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

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

Answer 3

如果您的对象是 ember-data 模型通知的子类， 您可以使用toJSON方法，否则您可以使用：

JSON.parse(JSON.stringify(emberObj))

获取任何支持原生 json 序列化的值（即不是函数/方法）

Answer 4

这对我有用：

myModel.toJSON({includeId: true})

我正在使用 Ember 3。

Answer 5

目前我用以下代码段解决了它：

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（因为我用于数据对象，这些对象的形式非常简单）

Answer 6

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

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

Answer 7

对我来说足够正常的非常简单的事情是：

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

在应用加载时。

Answer 8

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

它产生一个普通对象。

Answer 9

另一种可能的解决方案可能适合您的需求，但不能完全递归嵌套 Ember 对象：

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

这将仅包括您定义的实际属性，而不包括 Ember 内部结构。 同样，这里的缺点是任何嵌套的 Ember 对象本身都不会被转换，而是会以 "" 样式显示为字符串。