JavaScript中遍历对象属性的五种方式详解

JavaScript中遍历对象属性的五种方式

JavaScript中可以通过五种方式来遍历对象属性，分别是for...in、Object.keys()、Object.values()、Object.entries()和Object.getOwnPropertyNames()。

let obj = {
    name: 'John',
    age: 18
}

for...in

for...in是一种最常见的遍历对象属性的方式，它可以遍历对象及其原型链上的可枚举属性，并返回属性名：

for (let key in obj) {
    console.log(key); // name age
}

Object.keys()

Object.keys()方法用于返回一个由给定对象的自身可枚举属性组成的数组：

console.log(Object.keys(obj)); // ["name", "age"]

Object.values()

Object.values()方法用于返回一个由给定对象的自身可枚举属性值组成的数组：

console.log(Object.values(obj)); // ["John", 18]

Object.entries()

Object.entries()方法用于返回一个由给定对象的自身可枚举属性[key, value]组成的数组：

console.log(Object.entries(obj)); // [["name", "John"], ["age", 18]]

Object.getOwnPropertyNames()

Object.getOwnPropertyNames()方法用于返回一个由给定对象的所有自身属性的属性名（包括不可枚举属性）组成的数组：

console.log(Object.getOwnPropertyNames(obj)); // ["name", "age"]

以上就是JavaScript中遍历对象属性的五种方式，可以根据实际需求来选择不同的方式。