美文网首页
ES6 获取数组对象中某一属性值的集合

ES6 获取数组对象中某一属性值的集合

作者: AC编程 | 来源:发表于2023-11-22 11:24 被阅读0次

一、from方法

var user = [
     {
         id: 1,
         name: "李四"
     },
     {
         id: 2,
         name: "张三"
     },
     {
         id: 3,
         name: "李五"
     }
 ]
var userName = Array.from(user,({name})=>name);
console.log(userName); // ["李四", "张三", "李五"]

二、map方法

var userName = user.map((item)=>{
    return item.name;
})
console.log(userName); // ["李四", "张三", "李五"]

map方法抽取成公共方法

function getAttrs(array,attr) {
    var arr = array.map((item)=>{
        return item[attr];
    })
    return arr;
}
console.log(getAttrs(user,'id')); //  [1, 2, 3]
console.log(getAttrs(user,'name')); //  ["李四", "张三", "李五"]

三、forEach方法

var userName = [];
user.forEach((item)=>{
    userName.push(item.name);
})
console.log(userName); // ["李四", "张三", "李五"]

相关文章

网友评论

      本文标题:ES6 获取数组对象中某一属性值的集合

      本文链接:https://www.haomeiwen.com/subject/euniwdtx.html