java json 去重_js操作两个json数组合并、去重,以及删除某一项元素

两个json数组合并去重,以及删除某一项元素

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()的描述:

arrayObject.splice(index, howmany, item1, ....., itemX) 方法向/从数组中添加/删除项目,然后返回被删除的项目。

参数1:index 为插入添加或(和)删除的起始位置;

参数2:howmany 指定从数组中添加/删除的元素个数;

参数3:item1, ....., itemX 可选,选择添加操作时填入,表示需要添加的元素。

参考:

js删除json中指定的元素

下面是其他网友的补充

将两个json数组合并

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对象

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)打印看下,它会把数组中的对象依次打印出来。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值