遍历对象的方法

Object.keys(obj)

返回一个数组，包括对象自身的（不含继承的）所有可枚举属性（不含 Symbol 属性）的键名

Object.getOwnPropertyNames(obj)

返回一个数组，包含对象自身的所有属性（不含 Symbol 属性，但是包括不可枚举属性）的键名

Object.getOwnPropertySymbols(obj)

返回一个数组，包含对象自身的所有 Symbol 属性的键名

Reflect.ownKeys(obj)

返回一个数组，包含对象自身的（不含继承的）所有键名，不管键名是 Symbol 或字符串，也不管是否可枚举

遍历对象的方法

1. for in

以任意顺序迭代一个对象的除Symbol以外的可枚举属性，包括继承的可枚举属性。

// Object 原型链上扩展的方法也会被遍历出来 Object.prototype.fun = () => {};

var obj = { a: 1,

b: 2, c: 3

};

for (const item in obj) { console.log("属性名：" + item + " / 属性值：" + obj[item]);

}

// 属性名：a / 属性值：1 // 属性名：b / 属性值：2

// 属性名：c / 属性值：3 // 属性名：fun / 属性值：() => {}

//而如果我们不希望搜索到原型上的，我们就可以使用 hasOwnProperty for (const item in obj) {

if (obj.hasOwnProperty(item)) { console.log("属性名：" + item + " / 属性值：" + obj[item]);

} }

// 属性名：a / 属性值：1 // 属性名：b / 属性值：2

// 属性名：c / 属性值：3

的顺序一致。

// 注意：当属性名为数字的时候会排序，key / values / entries都有这个特性~ const anObj = { 100: 'a', 2: 'b', 7: 'c' };

console.log(Object.keys(anObj)); // console: ['2', '7', '100']

const str = 'hello';

console.log(Object.keys(str));// ["0", "1", "2", "3", "4"]

const arr = ['a', 'b', 'c'];

console.log(Object.key(arr));// ["0", "1", "2"]

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

console.log(Object.keys(obj));// ["a","b","c"]

1. Object.values

返回一个给定对象自身的所有可枚举属性值的数组，值的顺序与使用for…in循环的顺序一致

// 注意：当属性名为数字的时候会排序，key / values / entries都有这个特性~ const obj = {100:1, d:2, a: 9, 1:3, 5: 99 , b: 8};

console.log(Object.values(obj)); //[3,99,1,2,9,8]

const str = 'hello';

console.log(Object.values(str));// ["h", "e", "l", "l", "o"]

const arr = ['a', 'b', 'c'];

console.log(Object.values(arr));// ["a", "b", "c"]

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

console.log(Object.values(obj));// ["1","2","3"]

1. Object.entries

返回一个给定对象自身可枚举属性的键值对数组，其排列与使用 for…in 循环遍历该对象时返回的顺序一致

// 注意：当属性名为数字的时候会排序，key / values / entries都有这个特性~ const obj = {100:1, d:2, a: 9, 1:3, 5: 99 , b: 8};

console.log(Object.entries(obj)); //[["1",3],["5",99],["100",1],["d",2],["a",9], ["b",8]]

const str = 'hello';

console.log(Object.entries(str));// [["0","h"],["1","e"],["2","l"],["3","l"],["4","o"]]

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

console.log(Object.entries(obj));// [["a",1],["b",2],["c",3]]

} //a: 1

// b: 2 // c: 3

1. Object.getOwnPropertyNames

返回一个由指定对象的所有自身属性的属性名组成的数组。（包括不可枚举属性但不包括Symbol值作为名称的属性）

// 注意：当属性名为数字的时候会排序，key / values / entries都有这个特性~ const arobj = {100:1, d:2, a: 9, 1:3, 5: 99 , b: 8};

console.log(Object.getOwnPropertyNames(arobj)); //["1","5","100","d","a","b"]

const str = 'hello';

console.log(Object.getOwnPropertyNames(str));//["0","1","2","3","4","length"]

const arr = ['a', 'b', 'c'];

console.log(Object.getOwnPropertyNames(arr));// ["0","1","2","length"]

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

console.log(Object.getOwnPropertyNames(obj));// ["a","b","c"]

const syobj = { a:1, b:2 };

const symbol1 = Symbol('symbol1')

const symbol2 = Symbol('symbol2')

syobj[symbol1] = 'hello' syobj[symbol2] = 'world'

console.log(Object.getOwnPropertyNames(syobj)); //["a","b"]

1. Object.getOwnPropertySymbols()

方法返回一个给定对象自身的所有 Symbol 属性的数组

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

const symbol1 = Symbol('symbol1')

const symbol2 = Symbol('symbol2')

obj[symbol1] = 'hello' obj[symbol2] = 'world'

console.log(Object.getOwnPropertySymbols(obj));// [Symbol(symbol1), Symbol(symbol2)]

1. Reflect.ownKeys()

静态方法 Reflect.ownKeys() 返回一个由目标对象自身的属性名组成的数组