从forEach循环中的第二项开始

时间:2016-12-22 12:27:51

标签: javascript arrays loops typescript

我需要从数组中的第二项开始。为了保存正确的上下文,我需要使用forEach而不是简单的for循环。

我已经用下一个方式完成了它:

private convertToRanges(arr: []): any[] {
        const inputArr = arr.slice(),

        if (inputArr.length > 1) {
            let lastIndex = 0;
            inputArr.shift();
            inputArr.forEach(item => {
                ...
            });
        }
        ...
    }

我复制并删除副本中的第一项。

是否有另一种方法从第二项开始并确保上下文?

1 个答案:

答案 0 :(得分:10)

你不能告诉forEach从哪里开始,不,但你可以忽略你不想要的电话:

inputArr.forEach((value, index) => {
    if (index < 1) return;
    // Code from here onward will only run for entries that aren't
    // the first entry
});

或者,如果您不担心复制大部分数组,可以随时使用slice

inputArr.slice(1).forEach(value => {
    // ...
});

您还可以定义自己的forEach - 样式函数,接受起始索引(如果您喜欢),使其不可枚举并仔细选择名称以避免冲突。

也许值得注意的是,由于您使用的是ES2015,因此使用forEach的一些原因会因块范围而消失。 for仍然比带有箭头功能的forEach更冗长,但是让你按照自己喜欢的方式开始和结束并增加:

for (let i = 1; i < inputArr.length; ++i) {
    // ...`i` and also any `let` or `const` here are scoped to
    // this specific loop iteration...
}

上面关于i的部分主要是一件好事,但也会产生轻微的性能影响(至少目前为止),因为必须为每次迭代创建一个新的i。然而,并不是说性能影响通常很重要,并且它不会像调用函数a'la forEach一样大。

以上的无端例子:

const inputArr = ['a', 'b', 'c', 'd'];
for (let i = 1; i < inputArr.length; ++i) {
  // A closure to emphasize that each `i` is distinct
  setTimeout(() => {
    console.log("inputArr[" + i + "] = " + inputArr[i]);
  }, 0);
}

(通常我会在那里使用模板文字,但希望避免给出与此相关的i行为的印象。)