📌  相关文章
📜  js 循环遍历对象 - Javascript (1)

📅  最后修改于: 2023-12-03 15:17:02.162000             🧑  作者: Mango

JS 循环遍历对象 - Javascript

在Javascript中,可以使用循环遍历对象。本文将介绍Javascript中常用的几种循环语句,以及如何使用它们来遍历一个对象。

for...in 循环

使用 for...in 循环可以遍历对象的所有可枚举属性。语法如下:

for (var prop in object) {
  // 对象的每一个可枚举属性
}

示例代码:

var obj = {a: 1, b: 2, c: 3};
for (var prop in obj) {
  console.log(prop + ': ' + obj[prop]);
}

// 输出
// a: 1
// b: 2
// c: 3

注意:for...in 循环会遍历对象自身以及继承的可枚举属性,所以需要使用 obj.hasOwnProperty(prop) 进行判断,避免遍历到继承属性。

Object.keys() 方法

通过 Object.keys() 方法可以获取对象的所有可枚举属性,并生成属性名数组。可以通过遍历这个数组来遍历对象。语法如下:

Object.keys(object).forEach(function(prop) {
  // 对象的每一个可枚举属性
});

示例代码:

var obj = {a: 1, b: 2, c: 3};
Object.keys(obj).forEach(function(prop) {
  console.log(prop + ': ' + obj[prop]);
});

// 输出
// a: 1
// b: 2
// c: 3
for 循环

通过 for 循环也可以遍历对象。需要先获取对象的属性名数组,再通过遍历这个数组来遍历对象。语法如下:

var props = Object.keys(object);
for (var i = 0; i < props.length; i++) {
  var prop = props[i];
  // 对象的每一个可枚举属性
}

示例代码:

var obj = {a: 1, b: 2, c: 3};
var props = Object.keys(obj);
for (var i = 0; i < props.length; i++) {
  var prop = props[i];
  console.log(prop + ': ' + obj[prop]);
}

// 输出
// a: 1
// b: 2
// c: 3

以上三种方法都可以用来遍历对象的可枚举属性。具体使用哪一种取决于个人的偏好和具体情况。