两个json数组合并去重,以及删除某一项元素
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
|
let ha = [
{id: 'H' ,name: '3' },
{id: 'A' ,name: '6' },
{id: 'B' ,name: '14' },
{id: 'C' ,name: '60' }
];
let hb= [
{id: 'H' ,name: '2' },
{id: 'A' ,name: '6' },
{id: 'B' ,name: '16' },
{id: 'N' ,name: '2' },
{id: 'C' ,name: '19' }
];
// 合并两个json数组,并去重;
ha= Object.assign([], ha, hb);
console.log( 'ha' ,ha);
// [
{id: 'H' ,name: '2' },
{id: 'A' ,name: '6' },
{id: 'B' ,name: '16' },
{id: 'N' ,name: '2' },
{id: 'C' ,name: '19' }
];
// 去除json数组中的某一项
ha.splice(3, 1);
console.log( 'ha' ,ha);
// [
{id: 'H' ,name: '2' },
{id: 'A' ,name: '6' },
{id: 'B' ,name: '16' },
{id: 'C' ,name: '19' }
];
|
注:
一、Object.assign()方法,浅拷贝、对象属性的合并(数组是对象)
二、splice()方法
在W3C中我们可以查到有关于splice()的描述:
详情可以 查看这篇文章:http://www.zzvips.com/article/196903.html
arrayObject.splice(index, howmany, item1, ....., itemX) 方法向/从数组中添加/删除项目,然后返回被删除的项目。
参数1:index 为插入添加或(和)删除的起始位置;
参数2:howmany 指定从数组中添加/删除的元素个数;
参数3:item1, ....., itemX 可选,选择添加操作时填入,表示需要添加的元素。
参考:
js删除json中指定的元素
下面是其他网友的补充
将两个json数组合并
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
var str1=[{name: "11" ,age:11}];
var str2=[{name: "22" ,age:22}];
var str3 = [];
for ( var i = 0; i < str1.length; i++) {
str3.push(str1[i]);
}
for ( var i = 0; i < str2.length; i++) {
str3.push(str2[i]);
}
--------------
var str3 = str1.concat(str2);
|
本质上是数组,用合并数组的方法来进行合并。
JS实现JSON数组合并和去重
有两个json数组demo1和demo2
var demo1 = [{"id": 0, "name": "牛肉"},{"id": 1,"name": "羊肉"}];
var demo2 = [{"id": 2, "name": "牛肉"},{"id": 3,"name": "鱼肉"},{ "id": 4,"name":"鸡肉"}];
数组合并
var totalDemo = demo1.concat(demo2);
console.log(totalDemo); //[{"id": 0, "name": "牛肉"},{"id": 1,"name": "羊肉"},{"id": 2, "name": "牛肉"},{"id": 3,"name": "鱼肉"},{ "id": 4,"name":"鸡肉"}]
数组合并用的是concat方法,它可以用于字符串之间的连接和数组之间的连接。
数组去重
上面已经得到合并的数组 totalDemo ,去掉name属性是一样的json对象
1
2
3
4
5
6
7
8
9
10
11
|
var temp = {}; //用于name判断重复
var result = []; //最后的新数组
totalDemo.map( function (item, index) {
if (!temp[item.name]){
result.push(item);
temp[item.name] = true ;
}
});
console.log(result); //[{"id": 0, "name": "牛肉"},{"id": 1,"name": "羊肉"},{"id": 3,"name": "鱼肉"},{ "id": 4,"name":"鸡肉"}];
|
map方法:按照原始数组元素顺序依次处理元素。可以在map方法里面输入console.log(item)打印看下,它会把数组中的对象依次打印出来。