阵列诉诸答案

【问题标题】：Array resorting阵列诉诸
【发布时间】：2013-06-02 13:27:45
【问题描述】：

我有一个列表项，其中一些项丢失了，例如，这里缺少第 3 个：

<ol>
   <li data-id='0'>Apple</li>
   <li data-id='1'>Banana</li>
   <li data-id='3'>Tea</li>
   <li data-id='4'>Biscuit</li>
</ol>

我还有一个长度与列表项数相同的数组，其中包含每个列表项的数据（这里也缺少第 3 项，'c'）：

var arr = ['a','b','d','e'];

在我将它重新映射到新数组之后：

var ordered_array = jQuery('ol li').map(function() {
    return arr[jQuery(this).data('id')];
}).get();

 console.log(ordered_array);

我明白了：

["a", "b", "e"]

为什么会丢失一件？ ('d')

【问题讨论】：

属性的值应该是0、1、2、3，而不是0、1、3、4。
是的，但是我已经删除了第 3 个（在这个例子中）所以我试图重新映射它，但没有再次更改 id，这可能吗？
@Toniq：不要删除来自arr的值，而是将其设置为undefined/null； var arr = ['a','b', null, 'd','e'];
不，我不能这样做，我必须删除它。
好的，那为什么data-id必须引用元素索引呢？它不能直接包含元素吗？最简单的选择是在您删除元素时更新data-ids（在您的回复中包含“@Matt”，这样我会在您回复时收到通知）。

【解决方案1】：

因为如果您从 map() 回调返回 undefined 或 null 值，则返回的数组 (docs) 中不包含该元素的条目。

在这种情况下，data-id="4" 代表 Biscuit，但 ar[4] === undefined，因此它不包含在返回的数组中。

【讨论】：