使用JavaScript迭代对象键的方法

在JavaScript中，有多种方法可以迭代对象的键，下面我将详细讲解每种方法的使用方式和注意事项。

顺昌网站建设公司成都创新互联公司,顺昌网站设计制作，有大型网站制作公司丰富经验。已为顺昌上1000家提供企业网站建设服务。企业网站搭建\外贸网站建设要多少钱，请找那个售后服务好的顺昌做网站的公司定做！

1. for…in 循环

for...in 循环是最常用的迭代对象键的方法，它遍历一个对象的所有可枚举属性，包括原型链上的属性。

const obj = {a: 1, b: 2, c: 3};
for (let key in obj) {
  console.log(key); // 输出：a, b, c
}

注意：for...in 循环会遍历所有可枚举属性，包括从原型链继承的属性，如果你只想遍历对象自身的属性，可以使用 hasOwnProperty 方法进行过滤。

for (let key in obj) {
  if (obj.hasOwnProperty(key)) {
    console.log(key); // 输出：a, b, c
  }
}

2. Object.keys() 方法

Object.keys() 方法返回一个包含对象自身所有可枚举属性的数组，这个方法不会遍历原型链上的属性。

const obj = {a: 1, b: 2, c: 3};
const keys = Object.keys(obj);
console.log(keys); // 输出：['a', 'b', 'c']

3. Object.getOwnPropertyNames() 方法

Object.getOwnPropertyNames() 方法返回一个包含对象自身所有属性（包括不可枚举属性）的数组，这个方法也不会遍历原型链上的属性。

const obj = {a: 1, b: 2, c: 3};
obj.d = 4; // 添加一个不可枚举属性
const keys = Object.getOwnPropertyNames(obj);
console.log(keys); // 输出：['a', 'b', 'c', 'd']

4. Object.entries() 方法

Object.entries() 方法返回一个包含对象自身所有可枚举属性的键值对数组，这个方法也不会遍历原型链上的属性。

const obj = {a: 1, b: 2, c: 3};
const entries = Object.entries(obj);
console.log(entries); // 输出：[['a', 1], ['b', 2], ['c', 3]]

5. for…of 循环（配合 Object.entries()）

for...of 循环可以用于遍历可迭代对象，如数组、字符串等，我们可以将 Object.entries() 方法与 for...of 循环结合使用，以遍历对象的键值对。

const obj = {a: 1, b: 2, c: 3};
for (let [key, value] of Object.entries(obj)) {
  console.log(key, value); // 输出：a 1, b 2, c 3
}

归纳一下，根据不同的需求，你可以选择合适的方法来迭代对象的键，如果需要遍历对象自身的属性，可以使用 for...in 循环配合 hasOwnProperty 方法，或者使用 Object.keys()、Object.getOwnPropertyNames()、Object.entries() 方法，如果需要遍历对象的键值对，可以使用 for...of 循环配合 Object.entries() 方法。

网站栏目：使用JavaScript迭代对象键的方法
当前地址：http://www.stwzsj.com/qtweb/news7/3857.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联