美文网首页
js提取对象数组中的某一个属性组成新数组

js提取对象数组中的某一个属性组成新数组

作者: 吃肉肉不吃肉肉 | 来源:发表于2021-07-26 10:37 被阅读0次

示 例

arrOld = [
  {name: "zhangsan", age: "18"},
  {name: "lisi", age: "20"},
  {name: "wangwu", age: "17"},
  {name: "zhaoliu", age: "19"}
]
arrNew = ["zhangsan", "lisi", "wangwu", "zhaoliu"]

方法一:

let arrNew = []
arrOld.forEach(item => {
   arrNew.push(item.name)
})

方法二:

let arrNew = arrOld.map(item => {
   return item.name;
})

补充:

let arrNew = arrOld.map(item => {
     return Object.assign({},{'name':item.name})
})

关于Object.assign(target,sources)方法:拷贝源对象且可枚举的属性到目标对象,如果目标对象中的属性具有相同的键,则属性将被源中的属性覆盖。示例:

const object1 = {
  a: 1,
  b: 2,
  c: 3
};

// object2: a=1, b=2, c=3, d=5
const object2 = Object.assign({c: 4, d: 5}, object1);

相关文章

  • js提取对象数组中的某一个属性组成新数组

    示 例 方法一: 方法二: 补充: 关于Object.assign(target,sources)方法:拷贝源对象...

  • js中数组对象去重的方法

    采用数组中的reduce方法,遍历数组,也是通过对象访问属性的方法 参考js中数组对象去重的方法

  • 求和与对象属性值插入

    js求和 新数组:array;原数组:list;给原数组list的对象加一个名为aaaaa的属性,属性值为'111...

  • Javascript 数组

    Javascript 中的数组array是一种特殊的对象,数组下标可以视为对象的属性名称,注意js内部会将数组下标...

  • 数据结构与算法

    数组篇 js中没有真正的数组,数组是一个特殊的对象,包含0、1、2、3、...length的属性名 创建数组 方法...

  • js 数组中对象排序以及比较相等

    js数组排序 通过arr中对象的属性进行排序 在往数组中存对象时,我给对象添加了个字段rowid,number类型...

  • Object.keys,Object.values(),Obje

    **Object.keys()** (取对象名)方法会返回一个由一个给定对象的自身可枚举属性组成的数组,数组中属性...

  • es6常用数组方法

    .map() 返回一个 由数组对象中某个属性值 所组成的数组 .filter() 返回一个由 原数组中符合某些条件...

  • JS 函数封装

    返回数组或对象的长度 返回数组中的非假值组成一个新数组 返回数组中任意一个元素 数组去重复

  • ES6-解构赋值

    语法 可以将值从数组或属性从对象提取到不同的变量中。 表达式左边定义了要从原变量中取出什么变量。 解构数组 数组解...

网友评论

      本文标题:js提取对象数组中的某一个属性组成新数组

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