比较两个 Javascript 数组并删除副本

如果一个数组中有另一个数组的元素，那么有没有其他更好的方法来删除这个数组中的重复项呢？.

<script>
var array1 = new Array("a","b","c","d","e","f");
var array2 = new Array("c","e");


for (var i = 0; i<array2.length; i++) {
var arrlen = array1.length;
for (var j = 0; j<arrlen; j++) {
if (array2[i] == array1[j]) {
array1 = array1.slice(0, j).concat(array1.slice(j+1, arrlen));
}
}
}
alert(array1);


</script>
151968 次浏览
小开
最佳答案 
array1 = array1.filter(function(val) {
return array2.indexOf(val) == -1;
});

或者，随着 ES6的可用性:

array1 = array1.filter(val => !array2.includes(val));

Filter ()参考

IndexOf ()参考

这里包括()参考

小开

使用 Array.splice()

var array1 = ['1', '2', '3', '4', '5'];
var array2 = ['4', '5'];
var index;
for (var i=0; i<array2.length; i++) {
index = array1.indexOf(array2[i]);
if (index > -1) {
array1.splice(index, 1);
}
}
小开 
window.onload = function () {
var array1 = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm'];
var array2 = ['c', 'h', 'k'];
var array3 = [];
var SecondarrayIndexcount = 0;
for (var i = 0; i < array1.length; i++) {
for (var j = 0; j < array2.length; j++) {
if (array1[i] !== array2[j]) {
if (SecondarrayIndexcount === (array2.length - 1)) {
array3.push(array1[i]);
SecondarrayIndexcount = 0;
break;
}
SecondarrayIndexcount++;
}
}
}
for (var i in array3) {
alert(array3[i]);
}
}
</script>
小开

出于我无法理解的原因，诀窍在于向下循环外部循环(i ——) ，向上循环内部循环(j + +)。

请看下面的例子:

function test() {
var array1 = new Array("a","b","c","d","e","f");
var array2 = new Array("c","e");
for (var i = array1.length - 1; i >= 0; i--) {
for (var j = 0; j < array2.length; j++) {
if (array1[i] === array2[j]) {
array1.splice(i, 1);
}
}
}
console.log(array1)
}

我是怎么知道的? 看下面:

for( var i =myArray.length - 1; i>=0; i--){
for( var j=0; j<toRemove.length; j++){
if(myArray[i] === toRemove[j]){
myArray.splice(i, 1);
}
}
}

或者

var myArray = [
{name: 'deepak', place: 'bangalore'},
{name: 'chirag', place: 'bangalore'},
{name: 'alok', place: 'berhampur'},
{name: 'chandan', place: 'mumbai'}
];
var toRemove = [
{name: 'deepak', place: 'bangalore'},
{name: 'alok', place: 'berhampur'}
];


for( var i=myArray.length - 1; i>=0; i--){
for( var j=0; j<toRemove.length; j++){
if(myArray[i] && (myArray[i].name === toRemove[j].name)){
myArray.splice(i, 1);
}
}
}


alert(JSON.stringify(myArray));

关于这一点，有人能够解释为什么外部循环需要向下循环(——)吗？

祝你好运！

小开

使用 Set.model 构造函数: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set

let array1 = Array('a', 'b', 'c', 'd', 'e', 'f')
let array2 = Array('c', 'e', 'g')
let concat = array1.concat(array2) // join arrays => [ 'a', 'b', 'c', 'd', 'e', 'f', 'c', 'e', 'g' ]


// Set will filter out duplicates automatically
let set = new Set(concat) // => Set { 'a', 'b', 'c', 'd', 'e', 'f', 'g' }


// Use spread operator to extend Set to an Array
let result = [...set]
console.log(result) // =>  [ 'a', 'b', 'c', 'd', 'e', 'f', 'g' ]
小开

这就是我的解决办法

函数(val){ 返回 array2.indexOf (val.toString ()) = = -1; }) ;

小开

这是我在 ES6中删除重复的解决方案。

let foundDuplicate = false;
existingOptions.some(existingItem => {
result = result.filter(item => {
if (existingItem.value !== item.value) {
return item;
} else {
foundDuplicate = true;
}
});
return foundDuplicate;
});

我之所以使用这种方法，是因为在我的例子中，我有一个对象数组，indexOf 有问题。

小开

你可以试试这个

array1 = array1 .filter(val => {
return !array2.find((val2)=>{
//  console.log({valueID:val.id+":"+val2.id});
return val.id===val2.id
})
});

提交答案