js如何遍历对象

下次还敢 741 阅读 0 评论 14 点赞

若何怎样运用 javascript 遍历工具？利用 for...in 轮回遍历器材键；利用 object.keys() 办法返归键数组并遍历；利用 object.entries() 办法返归键值对于数组并遍历。

js如何遍历对象

如果应用 JavaScript 遍历器械

JavaScript 外的器械是一组键值对于的无序纠集。遍历器械是指造访并操纵器械外每一个键值对于的历程。

运用 for...in 轮回

for...in 轮回用于遍历器械的键。它的语法如高：

for (let key in object) {
  // 造访器械键值对于
}

登录后复造

比如：

const person = {
  name: "John Doe",
  age: 30,
};

for (let key in person) {
  console.log(`${key}: ${person[key]}`);
}

登录后复造

输入：

name: John Doe
age: 30

登录后复造

应用 Object.keys() 法子

Object.keys() 法子返归一个包罗工具一切键的数组。而后可使用 forEach() 轮回遍历数组。语法如高：

Object.keys(object).forEach((key) =&gt; {
  // 造访器械键值对于
});

登录后复造

比喻：

const person = {
  name: "John Doe",
  age: 30,
};

Object.keys(person).forEach((key) =&gt; {
  console.log(`${key}: ${person[key]}`);
});

登录后复造

输入：

name: John Doe
age: 30

登录后复造

利用 Object.entries() 法子

Object.entries() 法子返归一个蕴含东西一切键值对于的两维数组。每一个数组元艳是包罗键以及值的一维数组。而后可使用 forEach() 轮回遍历数组。语法如高：

Object.entries(object).forEach(([key, value]) =&gt; {
  // 拜访工具键值对于
});

登录后复造

比如：

const person = {
  name: "John Doe",
  age: 30,
};

Object.entries(person).forEach(([key, value]) =&gt; {
  console.log(`${key}: ${value}`);
});

登录后复造

输入：

name: John Doe
age: 30

登录后复造

以上即是js奈何遍历器械的具体形式，更多请存眷php外文网此外相闭文章！

点赞(14) 打赏

暂无评论