es6 数组对象 提取 特定属性数组

let nameO=[
 {name:1,value:1},
 {name:2,value:2},
]
const nameT=nameO.map(temp=>temp.name).join(',');

输出:1,2

es6的map 主要是可以让任何形式作为对象的熟悉,例如数字、对象、函数等等

我们以前的object的属性都是字符串,例如

   var obj = {
      1: "数字",
      "1": "字符串"
    }
    console.log(obj) //输出 {1: "字符串"}

但是我们现在使用map来定义对象,可以用任何值作为属性

    let map = new Map();
    map.set(1, '数字')
    map.set(() => 1, '函数')
    map.set({ a: "b" }, '对象')
    console.log(map); //输出{1 => "数字", ƒ => "函数", {…} => "对象"}
    // map.delete(1)
    console.log(map.get(1));// 数字
    console.log(map.delete(1)); //true
    console.log(map); //{ƒ => "函数", {…} => "对象"}

map中添加属性的方法

//①set

    let map = new Map();
    map.set(1, '数字').set('2','字符串') //支持链式写法

//②直接赋值

let map = new Map([['c','d'],['m','n']]);
 console.log(map); 

has判断是否包含某个属性

let map = new Map([['c','d'],['m','n']]);
 console.log(map.has('c')); //输出 true

chear清空里面的值

let map = new Map([['c','d'],['m','n']]);
map.chear() //underfined 

keys返回所有的键值属性

let map = new Map([['c','d'],['m','n']]);
console.log(map.keys()); //输出 所有的键值名字{"c", "m"}

values返回所有的键值的值


let map = new Map([['c','d'],['m','n']]);
console.log(map.values()); //输出 所有的键值名字{"d", "n"}

循环获取key和value值

let map = new Map([['c','d'],['m','n']]);
 for (const  values  of map.values()) {
       console.log(values);  //d  n  数字 函数
     }
     for (const  key  of map.keys()) {
       console.log(key); //c m 1 () => 1

     }
     map.forEach((key,value)=> {
       console.log(key,value);
     });

原文地址:https://www.jianshu.com/p/12a914c1dd24

文档更新时间: 2021-07-28 08:00   作者:admin