Knockout.js映射，将新项目添加到子数组，而无需额外的映射对象

Question

根据我的真实项目使用以下测试代码：

var test = ko.mapping.fromJS({ id: 1, kids: [{ name: "sue"}] });
test.kids.push({ name: "tim" });
test.kids.push(ko.mapping.fromJS({ name: "joe" }));
console.log(test);
console.log(test.kids()[0]);
console.log(test.kids()[1]);
console.log(test.kids()[2]);
test.kids()[2].__ko_mapping__ = undefined;
console.log(test.kids()[2]);

Firebug中的控制台输出显示：

Object { __ko-mapping__={...}, id=d(), kids=d() }
Object { name=d() }
Object { name="tim" }
Object { __ko-mapping__={...}, name=d() }
Object { name=d() }

我的目标是在数据初始映射后将项目添加到kids数组中，并使这些项目看起来与添加的原始项目相同。 如果我只是将一个对象直接推到数组上，则该属性是不可观察的。 如果我使用ko.mapping.fromJS推送对象， ko.mapping.fromJS获得一个额外的__ko_mapping__对象。 我宁愿没有多余的对象，因为它似乎不是必需的（原始项目没有它并且可以正常工作），并且我可能在以后要添加数千个项目的地方使用相同的设计。

将对象设置为undefined似乎会删除多余的对象，但如果可能的话，最好不要首先创建它。

Answer 1

基于没有其他答案，唯一的答案可能是更好的设计实践，但实际上却与我要求的相反（它向每个孩子添加了一个映射对象）。我想我已经有了答案在我最初的问题中，只是假设必须有更好的方法。

因此，对于未来的读者来说，这里是：

test.kids()[2].__ko_mapping__ = undefined;

如果要删除它，只需将ko_mapping设置为undefined即可。

有关为什么这不是一个好主意，请参阅评论和其他答案。 对于我的需求，也许您也有同样的想法，这是一个好主意。

Answer 2

通常，我发现为“孩子”创建一个强大的原型并告诉映射插件在映射初始数据时使用它很有用。 这将导致数组的内容相同，并具有允许每个孩子进行计算和观察的额外好处。

http://jsfiddle.net/Z9GF5/

var Kid = function(json){
    ko.mapping.fromJS(json, {}, this);
}

var mapping = {
    'kids': {
        create: function(options) {
            return new Kid(options.data);
        }
    }
}

现在，如果您必须添加项目，只需创建新的Kids。

var test = ko.mapping.fromJS({ id: 1, kids: [{ name: "sue"}] }, mapping);
test.kids.push(new Kid({ name: "tim" }));
test.kids.push(new Kid({ name: "joe" }));
console.log(test);
console.log(test.kids()[0]);
console.log(test.kids()[1]);
console.log(test.kids()[2]);

然后，Firebug显示：

Object {id: function, kids: function, __ko_mapping__: Object}
Kid {name: function, __ko_mapping__: Object}
Kid {name: function, __ko_mapping__: Object}
Kid {name: function, __ko_mapping__: Object}

Answer 3

http://knockoutjs.com/documentation/plugins-mapping.html

您可以选择映射哪些属性以及如何映射。