📌  相关文章
📜  循环遍历对象 javascript (1)

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

循环遍历对象 javascript

在JavaScript中,我们经常需要遍历对象中的属性和值。为了实现这个功能,我们可以使用循环语句来遍历对象。

1. for...in循环

使用for...in循环可以遍历对象的属性,语法如下:

for (var key in obj) {
    // 执行代码
}

其中,key代表对象的属性名,obj代表要遍历的对象。下面是一个例子:

var obj = {a: 1, b: 2, c: 3};

for (var key in obj) {
    console.log(key + " : " + obj[key]);
}

输出结果:

a : 1
b : 2
c : 3
2. Object.keys()方法

使用Object.keys()方法可以获取对象的所有属性名,然后使用for循环遍历属性,语法如下:

Object.keys(obj).forEach(function(key) {
    // 执行代码
});

其中,obj代表要遍历的对象。下面是一个例子:

var obj = {a: 1, b: 2, c: 3};

Object.keys(obj).forEach(function(key) {
    console.log(key + " : " + obj[key]);
});

输出结果:

a : 1
b : 2
c : 3
3. Object.values()方法

使用Object.values()方法可以获取对象的所有属性值,然后使用for循环遍历属性值,语法如下:

Object.values(obj).forEach(function(value) {
    // 执行代码
});

其中,obj代表要遍历的对象。下面是一个例子:

var obj = {a: 1, b: 2, c: 3};

Object.values(obj).forEach(function(value) {
    console.log(value);
});

输出结果:

1
2
3
4. Object.entries()方法

使用Object.entries()方法可以获取对象的所有属性名和属性值,然后使用for循环遍历属性名和属性值,语法如下:

Object.entries(obj).forEach(function([key, value]) {
    // 执行代码
});

其中,obj代表要遍历的对象。下面是一个例子:

var obj = {a: 1, b: 2, c: 3};

Object.entries(obj).forEach(function([key, value]) {
    console.log(key + " : " + value);
});

输出结果:

a : 1
b : 2
c : 3

以上就是JavaScript中遍历对象的几种方法,可以根据实际情况选择使用。