javascript - 使用 for 循环中的拼接从数组中删除项目

Question

<分区>

Answer 1

方案一

你可以向后循环，像下面这样:

var searchInput, i;

searchInput = ["this", "is", "a", "test"];
i = searchInput.length;
while (i--) {
    if (searchInput[i].length < 4) {
        searchInput.splice(i, 1);
    }
}

演示: http://jsfiddle.net/KXMeR/

这是因为递增地迭代数组，当你拼接它时，数组被修改到位，所以项目被“移动”并且你最终跳过了一些迭代。向后循环(使用 while 甚至 for 循环)可以解决这个问题，因为您没有按照拼接的方向循环。

---

解决方案2

与此同时，生成新数组通常比就地修改数组更快。这是一个例子:

var searchInput, newSearchInput, i, j, cur;

searchInput = ["this", "is", "a", "test"];
newSearchInput = [];
for (i = 0, j = searchInput.length; i < j; i++) {
    cur = searchInput[i];
    if (cur.length > 3) {
        newSearchInput.push(cur);
    }
}

其中 newSearchInput 将只包含有效长度的项目，并且您在 searchInput 中仍然有原始项目。

演示: http://jsfiddle.net/RYAx2/

---

方案三

除了上面的第二个解决方案之外，一个类似的、更新的Array.prototype 方法可以更好地处理这个问题:filter。这是一个例子:

var searchInput, newSearchInput;

searchInput = ["this", "is", "a", "test"];
newSearchInput = searchInput.filter(function (value, index, array) {
    return (value.length > 3);
});

演示: http://jsfiddle.net/qky7D/

---

引用资料:

• Array.prototype.filter - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter
• Array.prototype.filter 浏览器支持 - http://kangax.github.io/es5-compat-table/#Array.prototype.filter