javascript - 在 observableArray Knockout JS 中切换值？

Question

基本上我有一个列表，列表中的每个项目都有一个唯一的值。如果单击列表项，我希望在可观察数组中添加或删除该值。因此，如果该值存在于数组中，我想删除它，反之亦然。

数组的结构很简单:

var items = ko.observableArray([
    "value1",
    "value2"
]);

该列表将包含带有 value1 和 value2 的输入。如果单击带有 value2 的列表，我想将其从数组中删除，如果没有，我需要将其推送 到数组。

所以基本上我需要切换数组中的一个项目。

这可以用 knockout.js 实现吗？谢谢!

Answer 1

当然。 Knockout 的 observableArray 有一个内置的 indexOf 方法。使用它，连同 push 和 remove 来完成你所要求的。这样的事情应该有效:

function toggle(value){
    if (items.indexOf(value) < 0){
        //it's not in the array - push it
        items.push(value);
    } else {
        //it's there - remove it
        items.remove(value);
    }
}