如何在JavaScript中合并两个JSON对象数组并实现删除操作？

嘿，我来帮你搞定这两个需求——合并JSON对象数组，还有对JSON对象执行删除操作，咱们一步步来拆解！

这里有几种常用的方法，你可以根据需求选：

1. 使用concat()方法（不修改原数组） #

这是最直观的方法，concat()会返回一个全新的数组，包含两个原数组的所有元素，完全不会改动myObj和anotherObj：

var myObj = [ { "heading":"Enter Name", "data_type":"text", "fieldid":"name1" }, { "heading":"Enter Phone", "data_type":"text", "fieldid":"phone1" } ];
var anotherObj=[ { "heading":"Enter Name", "data_type":"text", "fieldid":"name2" }, { "heading":"Enter Phone", "data_type":"text", "fieldid":"phone2" } ];

var mergedArray = myObj.concat(anotherObj);
console.log(mergedArray);
// 输出结果是包含4个对象的数组

2. 使用ES6扩展运算符（简洁现代） #

如果你的环境支持ES6，用扩展运算符写起来更清爽，同样返回新数组：

var mergedArray = [...myObj, ...anotherObj];
console.log(mergedArray);

3. 直接修改原数组（将元素追加到其中一个数组） #

要是你想直接把anotherObj的元素加到myObj里，不用新数组，可以用push()配合扩展运算符或者apply：

// ES6写法
myObj.push(...anotherObj);

// 兼容旧环境的写法
// myObj.push.apply(myObj, anotherObj);

console.log(myObj); // 现在myObj已经包含了所有4个元素

删除操作分两种场景：删除对象的某个属性，或者删除数组中的某个对象，咱们分别说：

1. 删除JSON对象的某个属性 #

用delete操作符就能直接移除对象的指定属性，比如删除myObj中第一个对象的fieldid属性：

delete myObj[0].fieldid;
console.log(myObj[0]);
// 输出：{ "heading":"Enter Name", "data_type":"text" }

注意：如果在严格模式下，删除不可配置的属性会报错，但一般咱们从JSON来的对象属性都是可配置的，放心用就行。

2. 删除数组中的某个JSON对象 #

如果要根据条件删除数组里的对象，比如删掉fieldid为name1的对象，推荐用filter()返回新数组（不修改原数组）：

var filteredArray = myObj.filter(item => item.fieldid !== 'name1');
console.log(filteredArray);
// 输出的数组里没有fieldid为name1的对象

要是你想直接修改原数组，可以先找到元素的索引，再用splice()删除：

// 先找到目标元素的索引
const targetIndex = myObj.findIndex(item => item.fieldid === 'name1');
// 确认找到索引（不等于-1）再删除
if (targetIndex !== -1) {
  myObj.splice(targetIndex, 1); // 从targetIndex位置删除1个元素
}
console.log(myObj); // 原数组已经移除了目标对象

内容的提问来源于stack exchange，提问作者Mr.Prakash Mondal