循环一个包含两个数组的对象[重复]答案

【问题标题】：Looping an object with two arrays in it [duplicate]循环一个包含两个数组的对象[重复]
【发布时间】：2021-09-17 02:08:13
【问题描述】：

我需要使用 for 循环从对象中包含的数组中读取值，以便使用这些坐标 X 和 Y

var murderer_record = {
  Loc_X: [
    639, 681, 712, 756, 715, 701, 753, 815, 795, 788, 781, 768, 750, 732, 714,
    695, 693, 654, 624, 594, 555,
  ],
  Loc_Y: [
    288, 286, 293, 310, 368, 425, 436, 468, 506, 497, 486, 489, 500, 506, 514,
    531, 552, 523, 500, 484, 474,
  ],
};

我一直在做：

for(i = 0; i < murderer_record.Loc_X; i++) {}

但这只会给我 X 的值，我需要同时将这两个值输入到函数中

谢谢！

【问题讨论】：

您想使用通过在您的Loc_Y 数组上迭代Loc_X 获得的索引i 来获取相关值吗？例如：murderer_record.Loc_X[i] 给出 x 位置，murderer_record.Loc_Y[i] 给出 y 位置。
只需事先检查两个数组是否具有相同的长度（否则可能会出错），然后您可以在循环体内使用相同的索引i 访问murder_record.Loc_X[i] 和murder_record.Loc_Y[i]。
您必须将i 与murderer_record.Loc_X.length 进行比较，并且您应该将i 声明为let。

标签： javascript

【解决方案1】：

您可以为此使用Array.map。

我们映射 Loc_X 坐标来为每个点创建 x 和 y 坐标：

var murderer_record = {
  Loc_X: [
    639, 681, 712, 756, 715, 701, 753, 815, 795, 788, 781, 768, 750, 732, 714,
    695, 693, 654, 624, 594, 555,
  ],
  Loc_Y: [
    288, 286, 293, 310, 368, 425, 436, 468, 506, 497, 486, 489, 500, 506, 514,
    531, 552, 523, 500, 484, 474,
  ],
};

const coordinates = murderer_record.Loc_X.map((x, index) => {
    const y = murderer_record.Loc_Y[index];
    return [x,y];
});

console.log("Coordinates:",coordinates)

【讨论】：