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

小刘忙着搞前端

已于 2023-08-22 09:54:15 修改

阅读量2.4k

点赞数 2

文章标签：前端 javascript

于 2023-08-22 09:42:05 首次发布

原文链接：https://blog.csdn.net/weixin_44379204/article/details/106282680

版权

一、Form

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); // ["李四", "张三", "李五"]

三、forEach

var userName = [];
user.forEach((item)=>{
    userName.push(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')); //  ["李四", "张三", "李五"]

参考：获取数组对象中某一属性值的集合_es6获取对象数组中的某一属性值_程序媛啊啊啊的博客-CSDN博客