循环嵌套数组并按索引返回值

Question

我有一个嵌套数组，其中包含一些坐标。 我正在尝试循环嵌套数组并记录每个坐标的值。

我可以让它在 Python 中工作，但我需要它在 JavaScript 中。 以下是它在 python 中的工作方式：

list_of_coordinates = [(100, 98), (200, 78)]
for i in list_of_coordinates:
    x_coord = i[0]
    y_coord = i[1]
    print(x_coord, y_coord)

上面的output是：

100 98
200 78

当我尝试在 Javascript 中执行此操作时，我得到的 output 为 0 和 1 ...不是实际坐标值。

let listOfCoordinates = [[100, 0], [200, 1]];
for (const i in listOfCoordinates) {
    let xCoord = i[0];
    let yCoord = i[1];
    console.log(xCoord, yCoord);
}

这个的output是

0 undefined
1 undefined

Answer 1

您应该使用for..of ，如下所示：

 let listOfCoordinates = [[100, 0], [200, 1]]; for (const i of listOfCoordinates) { let xCoord = i[0]; let yCoord = i[1]; console.log(xCoord, yCoord); }

从文档中查看：

for...of语句创建一个循环遍历可迭代对象，包括：内置字符串、数组、类数组对象（例如 arguments 或 NodeList）、TypedArray、Map、Set 和用户定义的可迭代对象。 它调用一个自定义迭代钩子，其中包含要为 object 的每个不同属性的值执行的语句。

Answer 2

正确的方法，如果你想继续使用for...in ：

 const listOfCoordinates = [[100, 0], [200, 1]]; for (let i in listOfCoordinates) { let xCoord = listOfCoordinates[i][0]; let yCoord = listOfCoordinates[i][1]; console.log(xCoord, yCoord); }

因为您将变量命名为“i”，通常是“index”的缩写，所以我认为您希望它是一个索引，它会使用“in”形式。

for...of形式返回值。 可以这样写：

 const listOfCoordinates = [[100, 0], [200, 1]]; for (let coord of listOfCoordinates) { let xCoord = coord[0]; let yCoord = coord[1]; console.log(xCoord, yCoord); }

Answer 3

forEach方式，解构输入。

 let listOfCoordinates = [[100, 0], [200, 1]]; listOfCoordinates.forEach(([xCoord, yCoord]) => console.log(xCoord, yCoord));

Answer 4

您可以使用for... of语句和对所需变量的解构赋值。

 let listOfCoordinates = [[100, 0], [200, 1]]; for (const [xCoord, yCoord] of listOfCoordinates) { console.log(xCoord, yCoord); }