码迷,mamicode.com
首页 > Web开发 > 详细

[JS]Object.keys, values, entries

时间:2020-03-03 13:03:02      阅读:61      评论:0      收藏:0      [点我收藏+]

标签:rom   nbsp   使用   不同   color   code   ref   object   rop   

Object.keys, values, entries
 
对于普通对象,下列这些方法是可用的:
 
        Object.keys(obj) —— 返回一个包含该对象所有的键的数组。
        Object.values(obj) —— 返回一个包含该对象所有的值的数组。
        Object.entries(obj) —— 返回一个包含该对象所有 [key, value] 键值对的数组。
 
 1 let obj = {
 2   name: "jack",
 3   age: 20,
 4   sex: "man",
 5 }
 6 
 7 let keys = Object.keys(obj);
 8 console.log(keys); // ["name", "age", "sex"]
 9 
10 let values = Object.values(obj);
11 console.log(values); // ["jack", 20, "man"]
12 
13 let entries = Object.entries(obj);
14 console.log(entries); // [ ["name", "jack"], ["age", 20], ["sex", "man"] ]
15 // 返回值均为数组

 

与 Map Set 方法的区别 

        写法不同:map.keys()
        返回值的区别:Object.* 方法返回的是“真正的”数组对象,而不只是一个可迭代项。
 
 1 let map = new Map([
 2   [‘cucumber‘, 500],
 3   [‘tomatoes‘, 350],
 4   [‘onion‘, 50],
 5 ]);
 6 
 7 console.log(map); // {"cucumber" => 500, "tomatoes" => 350, "onion" => 50}
 8 
 9 // 返回可迭代项
10 let mapKeys = map.keys();
11 console.log(mapKeys); // {"cucumber", "tomatoes", "onion"}
12 console.log(Object.keys(map)); // [] 
13 
14 let mapValues = map.values();
15 console.log(mapValues); // {500, 350, 50}
16 console.log(Object.values(map)); // []
17 
18 let mapEntries = map.entries();
19 console.log(mapEntries); // {"cucumber" => 500, "tomatoes" => 350, "onion" => 50}

 

Object.keys/values/entries 会忽略 symbol 属性
如果我们也想要 Symbol 类型的键,可以使用方法 Object.getOwnPropertySymbols,它会返回一个只包含 Symbol 类型的键的数组。另外,还有一种方法 Reflect.ownKeys(obj),它会返回所有键。
 
 1 let john = Symbol("human");
 2 let apple = Symbol("fruit");
 3 let obj1 = {
 4   [john]: "human",
 5   cat: "animal",
 6   [apple]: "fruit",
 7 }
 8 console.log(obj1); // {cat: "animal", Symbol(human): "human", Symbol(fruit): "fruit"}
 9 
10 let obj1Keys = Object.keys(obj1);
11 console.log(obj1Keys); // ["cat"] 会忽略 symbol 属性
12 
13 let obj1Symble = Object.getOwnPropertySymbols(obj1);
14 console.log(obj1Symble); // [Symbol(human), Symbol(fruit)] 
15 
16 let obj1Symbles = Reflect.ownKeys(obj1);
17 console.log(obj1Symbles); // ["cat", Symbol(human), Symbol(fruit)] 返回所有键的数组

 

转换对象

      对象缺少数组存在的许多方法,例如 map 和 filter 等。

      如果我们想应用它们,那么我们可以在 Object.entries 之后使用 Object.fromEntries:

      使用 Object.entries(obj) 从 obj 获取由键/值对组成的数组。
      对该数组使用数组方法,例如 map。
      对结果数组使用 Object.fromEntries(array) 方法,将结果转回成对象。
 
 1 let prices = {
 2   banana: 3,
 3   orange: 2,
 4   meat: 7,
 5 }
 6 
 7 let newPrices = Object.fromEntries(
 8   Object.entries(prices).map(( [key, value] ) => [key, value * 2] )
 9 )
10 console.log(newPrices); // {banana: 6, orange: 4, meat: 14}

 

    

[JS]Object.keys, values, entries

标签:rom   nbsp   使用   不同   color   code   ref   object   rop   

原文地址:https://www.cnblogs.com/feng-fengfeng/p/12401413.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!