深入理解Object.entries()

Object.entries() 方法返回一个给定对象自身可枚举属性的键值对数组，其排列与使用 for...in 循环遍历该对象时返回的顺序一致（区别在于 for-in 循环也枚举原型链中的属性）。

通俗点就是 Object.entries() 可以把一个对象的键值以数组的形式遍历出来，结果和 for...in 一致，但不会遍历原型属性。

示例1 — 传入对象

const obj = { foo: 'bar', baz: 'abc' };

console.log(Object.entries(obj)); // [['foo', 'bar'], ['baz', 'abc']]

示例2.1 — 数组

const arr = [1, 2, 3];

console.log(Object.entries(arr)); // [['0', 1], ['1', '2'], ['2', '3']]

示例2.2 — 数组（数组中包含对象）

const arr1 = [{ a: 1 }, 2, 3];

console.log(Object.entries(arr1)); // [['0', { a: 1 }], ['1', '2'], ['2', '3']]

示例2.3 — 数组（数组中的值全部为对象）

const arr2 = [{ a: 1 }, { b: 2 }, { c: 3 }];

console.log(Object.entries(arr2)); // [['0', { a: 1 }], ['1', { b: 2 }], ['2', { c: 3 }]]

示例3 — 字符串

const str = '123';

console.log(Object.entries(str)); // [['0', '1'], ['1', '2'], ['2', '3']]

示例4 — 数字、浮点数

const num = 123;

console.log(Object.entries(num)); // []

const float1 = 12.3;

console.log(Object.entries(float1)); // []

示例5 — 将 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'}

心中的梦想，就是一个无形的信仰，仰起头颅太久脖子会很累很累，甚至会眼花，看不清一直坚持的信仰，找寻不到前进的道路。步伐开始沉重，心开始怀疑，信仰真的不值钱，就像许愿池根本没有魔力，只是你相信了，就会坚持前进的脚步，这样才使得信仰迅速升值。可是少有人坚持到最后