1、for in循环
var obj = {
aa: 11,
bb: 22
}
for (const key in obj) {
if (obj.hasOwnProperty(key)) {
const element = obj[key];
console.log(element) // 11 22
}
}
2、object.keys()
var obj = {
aa: 11,
bb: 22
}
console.log(obj[Object.keys(obj)[0]]) // 11
console.log(obj[Object.keys(obj)[1]]) // 22
3、Object.values()
var obj = {
aa: 11,
bb: 22
}
console.log(Object.values(obj)[0]) // 11
console.log(Object.values(obj)[1]) // 22
4、Object.entries()
Object.entries() 可以把一个对象的键值以数组的形式遍历出来，结果和 for...in 一致，但不会遍历原型属性。
1、传入对象
var obj = {
aa: 11,
bb: 22
}
console.log(Object.entries(obj)); // [["aa", 11]["bb", 22]]
2、传入数组
const arr = [1, 2, 3];
console.log(Object.entries(arr)); // [['0', 1], ['1', '2'], ['2', '3']]
3、对象数组
const arr2 = [{ a: 1 }, { b: 2 }, { c: 3 }];
console.log(Object.entries(arr2)); // [['0', { a: 1 }], ['1', { b: 2 }], ['2', { c: 3 }]]
4、字符串
const str = '123';
console.log(Object.entries(str)); // [['0', '1'], ['1', '2'], ['2', '3']]
5、数字
const num = 123;
console.log(Object.entries(num)); // []
const float1 = 12.3;
console.log(Object.entries(float1)); // []
6、将 Object 转化为 Map
new Map() 构造函数接受一个可迭代的 entries 。 借助 Object.entries 方法你可以很容易的将 Object 转换为 Map
const obj2 = { foo: 'bar', baz: 'abc' };
console.log(Object.entries(obj2)); // [['foo', 'bar'], ['baz', 'abc']]
const map = new Map(Object.entries(obj2));
console.log(map); // Map {'foo' => 'bar', 'baz' => 'abc'}