如何在不使用数组 [键] 的情况下访问数组值？

Question

我正在编写一个简单的代码来获取数组中的值。我正在使用array[key] 在for 循环中获取存储在此数组中的值。

var array = ["Foo", "Bar"];

function getValue() {
  for (var key = 0; key < array.length; key++) {
    console.log(array[value]);
  }
}

这个方法很简单，效果很好，但是，我读到这可能会导致安全问题（The Dangers of Square Bracket Notation），并且 ESlint 不能接受它，抛出这个错误：

通用对象注入接收器（security/detect-object-injection）

将变量[key] 检测为左手或右手赋值操作数。 (ESLint reference)

不使用这种方法如何访问数组的值？

我已经阅读了相关问题：Why is it bad pratice calling an array index with a variable?，由于这个问题似乎难以概括，我决定提出一个新的规范问题。

Answer 1

有几种方法可以做到这一点。

首先：您可以使用for..of 循环。 for..of 不使用方括号表示法，也不直接给出索引。

for (let element of list) {
    console.log(element);
}

第二种：另一种方式是@Rajesh 提到的：ForEach。

list.ForEach((element) => {
  console.log(element)
});

Answer 2

JavaScript 提供了许多方法来帮助您迭代数组以进行映射、过滤和仅迭代数组。看看他们中的几个：

1. forEach() 方法

   let arr = [1,2,3,4,10];
   arr.forEach((item, index) => console.log(item)) //1,2,3,4,10
   

   此方法还允许您获取项目的索引。

2. for-of 循​​环

   for(item of arr) {
     console.log(item) //1,2,3,4,10
   }
   

   在 ES6 中引入了这个新特性，建议对数组进行迭代。

   如果你想操作数组，你可以使用下面的方法，它也遍历数组：

3. 过滤器（）

   arr.filter((item, index)=> item > 5) // Return new array [10]
   

4. 地图()

   arr.map((item, index)=> item*2) // Return new array [2,4,6,8,20]