JavaScript 合并两个数组并删除重复项的程序-立地货

合并两个数组并删除重复项的 JavaScript 程序

在本例中，您将学习编写一个 JavaScript 程序，该程序将合并两个数组并从数组中删除重复项。

要理解此示例，您应该了解以下JavaScript 编程主题:

JavaScript 数组 concat()

JavaScript Set 和 WeakSet

JavaScript 扩展运算符

示例 1: 使用 concat() 和 for 循环

// program to merge and remove duplicate value from an array
function getUniqueAfterMerge(arr1, arr2){
    // merge two arrays
    let arr = arr1.concat(arr2);
    let uniqueArr = [];
    // loop through array
    for(let i of arr) {
        if(uniqueArr.indexOf(i) ===-1) {
            uniqueArr.push(i);
        }
    }
    console.log(uniqueArr);
}
const array1 = [1, 2, 3];
const array2 = [2, 3, 5]
// calling the function
// passing array argument
getUniqueAfterMerge(array1, array2);

输出

[1, 2, 3, 5]

在上面的程序中，将两个数组元素合并在一起，去除重复元素。

这里，

使用 concat() 方法合并两个数组。 for...of 循环用于遍历 arr 的所有元素。如果元素不在数组中，indexOf() 方法返回 -1。

因此，在每次迭代期间，如果元素等于 -1，则使用 push() 将该元素添加到 uniqueArr 数组方法。

示例 2: 使用扩展语法和 Set

// program to merge and remove duplicate value from an array
function getUniqueAfterMerge(arr1, arr2){
    // merge two arrays
    let arr = [...arr1, ...arr2];
    // removing duplicate
    let uniqueArr = [...new Set(arr)];
    console.log(uniqueArr);
}
const array1 = [1, 2, 3];
const array2 = [2, 3, 5]
// calling the function
getUniqueAfterMerge(array1, array2);

输出

[1, 2, 3, 5]

在上面的程序中，两个数组合并在一起， Set用于从数组中删除重复项。

Set 是唯一值的集合。

这里，

两个数组元素使用扩展语法...合并在一起数组被转换为Set，所有重复的元素都会被自动删除。然后使用扩展语法 ... 将集合的所有元素包含回数组。