js中entries方法的使用

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

1-传入对象

const obj = { name: ‘colin’, age: ‘18’ };
console.log(Object.entries(obj)); // [[‘name’, ‘colin’], [‘age’, ‘18’]]
每一个键值对对应一个数组,最后再存入到一个数组中。
2 – 传入数组

const arr1 = [1, 2, 3];
console.log(Object.entries(arr1)); // [[‘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 str1 = ‘123’;
console.log(Object.entries(str1)); // [[‘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 obj = { name: ‘xixixi’, age: ‘123’ };
console.log(Object.entries(obj)); // [[‘name’, ‘xixixi’], [‘age’, ‘123’]]
const map = new Map(Object.entries(obj));
console.log(map); // Map {‘name’ => ‘xixixi’, ‘age’ => ‘123’}
在这里插入图片描述

©️2020 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页