比较两个数组，找出不一样的数据组成新数组

原创已于 2022-11-10 11:33:13 修改 · 9.8k 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#排序算法 #算法

于 2022-01-20 16:08:28 首次发布

JavaScript/jQuery 专栏收录该内容

16 篇文章

订阅专栏

本文介绍三种JavaScript数组对比的方法，通过示例展示了如何找出两个数组中不相同的数据，并组合成新的数组。每种方法都有其特点，适合不同的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、现在有两个数组

let arr1 = [1, 2, 3, 4, 5, 6, 7]

let arr2 = [1, 2, 3, 4, 8]

2、期望 arr1 和 arr2比较之后，得到新数组，如下：

let newArr = [5, 6, 7, 8]

3、实现

// 方式1
let arr1 = [1, 2, 3, 4, 5, 6, 7]
let arr2 = [1, 2, 3, 4]
let res1 = [], res2 = [], res = []
res1.push( arr1.filter(item => {
	return !arr2.includes(item)
}))
res2.push( arr2.filter(item => {
	return !arr1.includes(item)
}))
res = res1.flat().concat(res2.flat())


// 方式2
let arr1 = [1, 2, 3, 4, 5, 6, 7]
let arr2 = [1, 2, 3, 4]
let res1 = [], res2 = [], res = []
res1.push( arr1.filter(item => {
    return arr2.indexOf(item) === -1
}))
res2.push( arr2.filter(item => {
    return arr1.indexOf(item) === -1
}))
res = res1.flat().concat(res2.flat())


// 方式3
let arr1 = [1, 2, 3, 4, 5, 6, 7]
let arr2 = [1, 2, 3, 4]
let res1 = [], res2 = [], res = []
for(let i = 0; i < arr1.length; i++){
	if(!arr2.includes(arr1[i])){
	    res1.push(arr1[i]);
	}
}
for(let i = 0; i < arr2.length; i++){
	if(!arr1.includes(arr2[i])){
	    res2.push(arr2[i]);
	}
}
res = res1.flat().concat(res2.flat())
console.log(res) // res就是比较后，不同的数据组成的新数组