淘汰赛：使用动态键在 ko 可观察数组中推送值答案

【问题标题】：Knockout : Push value in ko observable array with dynamic key淘汰赛：使用动态键在 ko 可观察数组中推送值
【发布时间】：2019-06-15 21:29:43
【问题描述】：

我想用动态键在数组中添加推送值。我使用下面的代码：

this.customOptionVal.push({name:value});

this.customOptionVal 是 ko.observableArray()

以上代码的输出是：

0: {name: "stack"}

我想得到这样的输出：

mykey: {name: "stack"}

如何做到这一点？

【问题讨论】：

customOptionVal 必须是数组？它可以只是一个可观察的对象吗？喜欢：ko.observable({});?
在数组的情况下，您将始终获得索引....在对象的情况下键更有意义（如 C# 中的字典）
Javascript 数组中没有“键”，只有正整数索引。您需要更好地解释预期的用例，以便我们为 JS/Knockout 提出最佳策略。

标签： jquery knockout.js observable

【解决方案1】：

如果您可以使用简单的 observable 而不是 observableArray（因为数组将始终使用索引而不是自定义键），您可以将 customOptionVal 设置为 observable 对象：customOptionVal = ko.observable({})

现在您可以使用customOptionVal() 访问可观察对象内的对象，然后您可以在该对象中添加您的密钥，例如：customOptionVal()[yourKeyHere] = {name: "stack"}。

更好的例子见下文

var customOptionVal = ko.observable({});
customOptionVal()['myKey'] = {name:"stack"};

console.log(customOptionVal())

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>

【讨论】：

嗨，卡尔文。是的。 customOptionVal 必须是 ko 可观察数组。
顺便说一句，你能告诉我我可以从 ko observablearray 中删除特定字段值的数组索引吗？
这完全是另一个问题。但是为此，它作为一个对象比一个数组要容易得多（再一次）。建议，尝试创建一个自定义函数来移除 observable，然后编辑内容并创建另一个函数将其转换回 observable
嗨@Calvin。你能看一下吗？ stackoverflow.com/questions/54320140/…