首页 > 其他分享 >js提取对象数组中的某一个属性组成新数组

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

时间:2022-11-24 09:33:30浏览次数:45  
标签:name age Object js 数组 arrnew arrold 属性

例:

 1 arrold = [
 2  
 3   {name: "name1", age: "1"},
 4   {name: "name2", age: "2"},
 5   {name: "name3", age: "3"},
 6   {name: "name4", age: "4"},
 7   {name: "name5", age: "5"},
 8   {name: "name6", age: "6"}
 9 ]
10  
11 arrnew = ["name1","name2","name3","name4","name5","name6"]

 

方法一:

let arr = [];
arrold.forEach(e => { 
    arrnew.push(e.name)
})

 

方法二:

let arrnew = arrold.map((obj,index) => {
    return obj.name;
}).join(",").split(',')

 

方法二改进:

let arrnew = arrold.map((item,index) => {
    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);

 

标签:name,age,Object,js,数组,arrnew,arrold,属性
From: https://www.cnblogs.com/123525-m/p/16920814.html

相关文章

  • JavaScript 面向对象(番外)JS字面量
    javascript字面量在JavaScript里面,字面量包括:字符串字面量(stringliteral)、数组字面量(arrayliteral)和对象字面量(objectliteral),另外还有函数字面量(function......
  • JavaScript--href调用JS方法和href="#"与href="javascript:void(0)"
    关于href属性<a>标签的href属性用于指定超链接目标的URL。超链接的URL可能的值:绝对URL-指向另一个站点(比如href="http://www.example.com/index.htm")相......
  • JavaScript 面向对象(番外)JS原始类型和引用类型
    书摘来自异步社区《JavaScript面向对象精要》一书中的第1章,第1.1节第1章原始类型和引用类型大多数开发者在使用Java或C#等基于类的语言的过程中学会了面向对象编程。由......
  • lc2470. 最小公倍数为 K 的子数组数目(简单dp)
    给你一个整数数组nums和一个整数k,请你统计并返回nums的子数组中满足元素最小公倍数为k的子数组数目。子数组是数组中一个连续非空的元素序列。数组的最小公......
  • JS函数总和
    函数定义: JavaScript使用关键字function定义函数。 函数可以通过声明定义,也可以是一个表达式。 函数声明语法: parameters:参数 functionname:函数名称 ......
  • js013-js分离的DOM操作
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title></head><body><tableborder="1"><thead><tr>......
  • JS验证及错误调试
    /* try语句测试代码块的错误。 catch语句处理错误。 throw语句创建自定义错误。 finally语句在try和catch语句之后,无论是否有触发异常,该语句都会执行......
  • springboot整合jsp打包
    本文主要分享了对整合jsp的springboot项目打jar包,如何正确的配置maven pom。二、打包配置1.pom.xml添加spring-boot-maven-plugin配置<build><plugins>......
  • springboot整合jsp传参
    ViewController:packagecom.keafmd.controller;importorg.springframework.stereotype.Controller;importorg.springframework.ui.Model;importorg.springframewo......
  • BOM_window属性和BOM_Location
    BOM_window属性:1.属性:1.获取其他BOM对象:historylocationNavigatorscreen:2.获取DOM对象document代码实现:<!DOCTYPEhtml><html><head><metacharset="UTF-8"......