如何在javascript的循环中更改对象的项目值？

Question

我有类别列表。每个类别都是这样的：

{
 id,
 name,
 info
}

我想在一个 http get 请求后遍历列表并更改吃的类别信息。 我已经搜索并阅读了类似的问题，但没有任何效果。信息总是有它的初始值

Answer 1

您可以使用forEach，如下所示：

arr.forEach(function(part, index) {
  this[index] = "hello world";
}, arr); // use arr as this

Answer 2

在下面的sn-p中：

• 我只是循环遍历categories 数组，并在获取数据后更新info 属性。

注意：

• 这里的一个常见错误可能是您在 async 任务完成之前记录了 categories 数组。

• 因此，在下面的代码中，如果我将getData().then(() => console.log(categories)); 替换为getData(); console.log(categories);，那么我将看不到info 的更新值。

const categories = [
  {
    id: 1,
    name: "delectus aut autem",
    info: "not fetched",
    url: "https://jsonplaceholder.typicode.com/todos/1",
  },
  {
    id: 2,
    name: "quis ut nam facilis",
    info: "not fetched",
    url: "https://jsonplaceholder.typicode.com/todos/2",
  },
];

const getData = async () => {
  for (let cat of categories) {
    const res = await fetch(cat.url);
    const json = await res.json();
    cat.info = "fetched";
  }
};

getData().then(() => console.log(categories));