有没有任何方法可以将Ember对象转换为普通的javascript对象

Is there any way to convert Ember Object into plain javascript object?

本文关键字：对象 转换 javascript Ember 方法 任何 有没有      更新时间：2023-09-26

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

这是我的脏变通方法

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

我会做一些与上面的人类似的事情，但我会做得有点不同。

混合

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

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

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

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

如果您的对象是ember数据模型的子类，请注意，您可以使用toJSON方法，否则您可以使用：

JSON.parse(JSON.stringify(emberObj))

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

这对我有效：

myModel.toJSON({includeId: true})

我正在使用Ember 3。

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

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

在应用程序加载时。

目前，我用以下片段解决了它：

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

它不向上扩展类层次结构，也不查看mixin（正如我用于从这个角度来看非常简单的数据对象）

对于现代（3.17）成员，我使用了myEmberObject.getProperties('id', 'name', 'foo', 'bar')

它生成一个普通对象。

另一种可能的解决方案可以满足您的需求，同时对嵌套的Ember对象不是完全递归的：

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

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

相关文章：