Knockout.js 在 foreach 中打印对象的索引答案

【问题标题】：Knockout.js print index of object in foreachKnockout.js 在 foreach 中打印对象的索引
【发布时间】：2012-04-12 10:00:29
【问题描述】：

这可能很简单，但我似乎不容易找到它。在 knockout.js 中，如何打印使用 foreach 绑定迭代的可观察数组中项目的索引？

【问题讨论】：

在 KO 2.1.0（测试版现已推出）中，您可以使用 $index 在 foreach 中获取索引。这是测试版线程：groups.google.com/d/topic/knockoutjs/LdUfjGNZOj8/discussion。与 Matt 在下面的回答中描述的类似，我使用这种技术（将 indexed 函数添加到 observableArrays）：stackoverflow.com/questions/9760861/…
@RPNiemeyer：我有 98% 的把握是我在 Knockout 论坛上从你那里偷来的！
@MattBurland 不用担心！
@RP 谢谢，因为我只是暂时四处闲逛，我会检查一下，很棒的东西。
2.1.0 现已退出测试版。事实上，$index 在他们的 ForEach Binding 文档中用作示例 2：knockoutjs.com/documentation/foreach-binding.html

标签： knockout.js

【解决方案1】：

以下解决方案可能是迟到的答案。但如果您更喜欢使用viewmodel，则以下解决方案将有助于最新修复。

根据Knockout 3.1.0 及以上的库有简单的解决方法。 index 可以作为辅助参数传递给 arrayForEach。

var items = ["Mercedes", "Volvo", "BMW"];

ko.utils.arrayForEach(items, function(item, index) {
    console.log(item + ' ' + index);
});

希望此解决方案可能对某人有所帮助。

【讨论】：

【解决方案2】：

knockout 2.1 添加了不错的新选项 $index。这是示例http://knockoutjs.com/documentation/foreach-binding.html

【讨论】：

【解决方案3】：

你不能。反正不是直接的。我自己使用这个函数来为我的 ObservableArrays 中的对象添加索引属性：

    function indexSubscribe(array) {
        array.subscribe(function() {
            for (var i = 0, j = array().length; i < j; i++) {
                var item = array()[i];
                if (!item.index) {
                    item.index = ko.observable(i);  
                } else {
                    item.index(i);  
                }
            }
        }); 
   };

然后在我的 ViewModel 中，我可以这样做：

this.whatevers = ko.observableArray();
indexSubscribe(this.whatevers);

【讨论】：