在 observableArray Knockout JS 中切换值？

Question

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

数组的结构很简单：

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

该列表将包含value1 和value2 的输入。如果点击了value2的列表，我想把它从数组中删除，如果没有，我需要push它到数组中。

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

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