js操作两个json数组合并、去重,以及删除某一项元素
两个json数组合并去重,以及删除某一项元素
letha=[
{id:'H',name:'3'},
{id:'A',name:'6'},
{id:'B',name:'14'},
{id:'C',name:'60'}
];
lethb=[
{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()的描述:
详情可以查看这篇文章:https://www.nhooo.com/article/43046.htm
arrayObject.splice(index,howmany,item1,.....,itemX)方法向/从数组中添加/删除项目,然后返回被删除的项目。
参数1:index为插入添加或(和)删除的起始位置;
参数2:howmany指定从数组中添加/删除的元素个数;
参数3:item1,.....,itemX可选,选择添加操作时填入,表示需要添加的元素。
参考:
JS中彻底删除json对象组成的数组中的元素
js删除json中指定的元素
JS删除数组里的某个元素方法
下面是其他网友的补充
将两个json数组合并
varstr1=[{name:"11",age:11}];
varstr2=[{name:"22",age:22}];
varstr3=[];
for(vari=0;i
本质上是数组,用合并数组的方法来进行合并。
JS实现JSON数组合并和去重
有两个json数组demo1和demo2
vardemo1=[{"id":0,"name":"牛肉"},{"id":1,"name":"羊肉"}];
vardemo2=[{"id":2,"name":"牛肉"},{"id":3,"name":"鱼肉"},{"id":4,"name":"鸡肉"}];
数组合并
vartotalDemo=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对象
vartemp={};//用于name判断重复
varresult=[];//最后的新数组
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)打印看下,它会把数组中的对象依次打印出来。