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

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);

摘自:https://www.cnblogs.com/coderxin/p/13985052.html

推荐这些文章:

js数组过滤(查询数组内容)

let arr=[{name:'张三',age:17},{name:'李张',age:15},{name:'王三',age:16}]
let res=arr.filter(v=>{
//方法1.使用indexOf,值为-1则查询失败,值为0则查询到了
// return v.name.indexOf('张')!==-1
//方法2.使用includes,值为true则查询成功,值为false则查询失败
return v.name.includes('张')===true
})
console.log(res)
//输出: [{name:'张三',age:17},{name:'李张...

js根据对象数组中的属性进行排序

var arr = [
{name:'a',age:9},
{name:'b',age:12},
{name:'c',age:8}
];

arr.sort((a,b)=>{
return a.age - b.age
});
function compare(property){
return function(a,b){
var value1 = a[property];
var value2 = b[property];
return value1 - value2;
}
...

js 比较两个数组对象,取不同的值

 

let array1 = [
{'Num': 'A ', 'Name': 't1 '},
{'Num': 'B', 'Name': 't2'},
{'Num': 'C ', 'Name': 't3 ', age: '222'},
{'Num': 'D', 'Name': 't4 ', age: '3333'}
];

let array2 = [
{'Num': 'A '},
{'Num': 'B'}
];

let result = [];
for (let i = 0; i < arra...

js如何区分数组和对象?

方法一:通过 ES6 中的 Array.isArray 来识别
Array.isArray([]) //true Array.isArray({}) //false

方法二:通过 instanceof 来识别
[] instanceof Array //true {} instanceof Array //false

方法三:通过调用 constructor 来识别
{}.constructor //返回 object
[].constructor //返回 Array

方法四:通过 Object.prototype.toString.call 方法来识别
Object.prototy...

js如何清空一个数组

方法1
let arr1 = [1,2,3]
let arr2 = arr1
arr1 = []
console.log(arr1,arr2) // [] [1,2,3]

方法2
const arr1 = [1,2,3]
const arr2 = arr1
arr1.length = 0
console.log(arr1,arr2) // [] []

方法3
const arr1 = [1,2,3]
const arr2 = arr1
let res = arr1.splice(0,arr1.length)
console.log(res)// [1,2,3]
console.log(a...

一个数组对象中在另一个数组中不存在,push到另一数组对象中

 
 

var array1 = [
{"Num": "A", "Name": "t2"},
{"Num": "B", "Name": "t2"}
];
var array2 = [
{"Num": "A","Name": "t1"},
{"Num": "B","Name": "t1"},
{"Num": "C" ,"Name": "t3",age:'222'},
{"Num": "D" ,"Name": "t4",age:'3333'}
];
for(var i = 0; i < array2.len...

js的类和对象

面向对象语言三大特点:继承,多态,封装,这三点虽然Javascript没有提供天然的语法实现,但是我们都可以通过prototype等技巧来实现,因此这种说法似乎不过分。
在Javascript中,构造对象有三种方式:
1. 首先,我们要明确一个概念,Javascript是一种弱类型的语言,一方面体现在Javascript的变量,返回类型都是没有强类型约束的,另一方面,Javascript可以为对象任意添加属性和方法。根据这个,我们可以写出这样的代码:
<script type="text/javascript">
var person = {};
...

js判断数组中是否存在某个值

1. array.indexOf
判断数组中是否存在某个值,如果存在返回数组元素的下标,否则返回-1

let arr = ['something', 'anything', 'nothing', 'anything'];
let index = arr.indexOf('nothing');
# 结果:2

2. array.includes(searchElement[, fromIndex])
判断一个数组是否包含一个指定的值,如果存在返回 true,否则返回false。
参数:searchElement需要查找的元素值。
参数:fromIndex(可选)从该索引处开始查找 searc...

面试题数组去重

let arr = [1,2,2,3,4,2,5,7,1,4,2,5,6,3,7,3,5,4,3,]
// 第一种 双重for和splice截取
// function unique (arr) {
// for(let i = 0; i<arr.length;i++){
// for(let j = i + 1; j<arr.length;j++){
// if(arr[i] === arr[j]){
// arr.splice(j,1)
// j--
// ...

js给数组对象去重(id相同)

let person = [
{id: 0, name: "小明"},
{id: 1, name: "小张"},
{id: 2, name: "小李"},
{id: 3, name: "小孙"},
{id: 1, name: "小周"},
{id: 2, name: "小陈"},
];

let obj = {};

let peon = person.reduce((cur,next) => {
obj[next.id] ? "" : obj[next.id] = true && cur.pu...

文章标题:js提取对象数组中的某一个属性组成新数组
文章链接:https://www.dianjilingqu.com/51182.html
本文章来源于网络,版权归原作者所有,如果本站文章侵犯了您的权益,请联系我们删除,联系邮箱:saisai#email.cn,感谢支持理解。
THE END
< <上一篇
下一篇>>