js怎样遍历对象中的每个元素-js教程-PHP中文网

js怎样遍历对象中的每个元素

下次还敢

发布： 2024-05-16 00:33:20

原创

400人浏览过

JavaScript 对象遍历方法：for...in 循环：遍历自身及原型链属性。Object.keys()：返回自身属性键数组。Object.values()：返回自身属性值数组。Object.entries()：返回自身属性键值对数组数组。forEach()：遍历键值对并执行回调函数。

js怎样遍历对象中的每个元素

如何遍历 JavaScript 对象

在 JavaScript 中，对象是一个包含键值对的数据结构。遍历对象涉及迭代其属性，并访问每个属性的键和值。

遍历对象的方法

有几种方法可以遍历 JavaScript 对象：

1. for...in 循环

for...in 循环遍历对象的自身可枚举属性（包括原型链上的属性）。

<code class="js">const person = { name: 'John', age: 30 };

for (const property in person) {
  console.log(`${property}: ${person[property]}`);
}</code>

登录后复制

2. Object.keys()

Object.keys() 方法返回一个包含对象自有属性键的数组。

腾讯元宝

腾讯混元平台推出的AI助手

223

查看详情

<code class="js">const keys = Object.keys(person);

for (const key of keys) {
  console.log(`${key}: ${person[key]}`);
}</code>

登录后复制

3. Object.values()

Object.values() 方法返回一个包含对象自有属性值的数组。

<code class="js">const values = Object.values(person);

for (const value of values) {
  console.log(value);
}</code>

登录后复制

4. Object.entries()

Object.entries() 方法返回一个包含对象自有属性键值对数组的数组。

<code class="js">const entries = Object.entries(person);

for (const [key, value] of entries) {
  console.log(`${key}: ${value}`);
}</code>

登录后复制

5. forEach()

forEach() 方法遍历对象的每一对键值，并调用一个提供键值对的回调函数。

<code class="js">person.forEach((value, key) => {
  console.log(`${key}: ${value}`);
});</code>

登录后复制

注意事项

使用 for...in 循环时，要小心原型链上的属性，因为它们也会被遍历。
使用其他方法（如 Object.keys()）时，只遍历对象的自身属性。
选择遍历方法取决于所需的数据和操作。

以上就是js怎样遍历对象中的每个元素的详细内容，更多请关注php中文网其它相关文章！

大家都在看：

Puppeteer自动化中处理动态虚拟键盘点击：XPath与字符级输入策略 JavaScript中利用Math.floor高效实现区间数值计算深入理解JavaScript Date对象的时区偏移与历史变迁解决 Puppeteer 模拟点击虚拟键盘按钮的挑战 CSS布局指南：实现全宽头部与内容对齐的技巧