Comment comparer deux tableaux en javascript

Question

Array a

[{key:1,name:'name1'},{key:2,name:'name2'},{key:3,name:'name3'},{key:4,name:'name4'},{key:5,name:'name5'}]

Le tableau b fait partie du tableau a

[{key:1,name:'name1'},{key:2,name:'name2'}]

Le tableau c est modifié en fonction du tableau b

[{key:1,name:'name11'},{key:22,name:'name22'}]

Le résultat final maintenant requis est que la clé : 1 est modifiée, la clé : 2 est supprimée, la clé : 3, la clé : 4, la clé : 5 sont conservées sans modification et la clé : 22 est ajoutée 

[{key:1,name:'name11'},{key:3,name:'name3'},{key:4,name:'name4'},{key:5,name:'name5'},{key:22,name:'name22'}]

Veuillez me dire comment mettre en œuvre cette logique

Answer 1

Voulez-vous comparer ou fusionner ? Deepmerge est très pratique pour fusionner

Answer 2

//引入Lodash
_.extend(_.difference(a, b), c)

Answer 3

var a = [{key:1,name:'name1'},{key:2,name:'name2'},{key:3,name:'name3'},{key:4,name:'name4'},{key:5,name:'name5'}];
var b = [{key:1,name:'name1'},{key:2,name:'name2'}];
var c = [{key:1,name:'name11'},{key:22,name:'name22'}];
var d = [];
d = $.extend(a,(b,c));
console.log(d);

La méthode extend est similaire à la fusion de git
L'écrire comme ça devrait obtenir le résultat souhaité à la fin

Answer 4

function compare(val1,val2){
    if(val1 < val2){
        return 1;
    }else if(val1 > val2){
        return -1;
    }else{
        return 0;
    }
}

var  values = [1,2,50,60,10,20,80];
values.sort(compare);
alert(values); //80,60,50,20,10,2,1

Answer 5

Si vous ne trouvez pas un bon outil ou si vous ne voulez pas polluer l'espace de noms, découplez le tableau, qui devrait répondre à vos besoins

let a = [{ key: 1, name: 'name1' }, { key: 3, name: 'name3' }, { key: 2, name: 'name2' }, { key: 4, name: 'name4' }, { key: 5, name: 'name5' }];
let b = [{ key: 1, name: 'name1' }, { key: 2, name: 'name2' }];
let c = [{ key: 22, name: 'name22' }, { key: 1, name: 'name11' }];
let akeys = a.map(x => x.key);
let aname = a.map(x => x.name)
let bkeys = b.map(x => x.key)//1,2
let bname = b.map(x => x.name)
let ckeys = c.map(x => x.key)//1,22
let cname = c.map(x => x.name)

ckeys.forEach(function (key, index) {
  if (bkeys.includes(key))
    a[akeys.indexOf(key)].name = cname[ckeys.indexOf(key)]
  else {
    a[akeys.indexOf(bkeys[1])].key = key
    a[akeys.indexOf(bkeys[1])].name = cname[ckeys.indexOf(key)]
  }
})
console.log(a)

Answer 6

Je vais vous donner un morceau de code à imaginer (convient uniquement à la fusion avec des tableaux). Il suffit de prendre le code suivant sur la console et de le sortir

.

function arrayExtends(){
    var arrs = Array.prototype.slice.call(arguments);

    if(arrs.length < 2){
        return arrs[0];
    }

    var save = arrs.pop(),
        now;

    while(now = arrs.pop()){
        for( var i = 0 , len = save.length; i < len; i++ ){
            now[i] = save[i];
        }
        save = now;
    }

       return save;
}
arrayExtends([1,2,3,6,7],[4,5,{hello:"world"}],[{key:1,name:"zz"}]);

Puis modifiez-le en fonction de vos besoins :

function arrayExtends(){
    var arrs = Array.prototype.slice.call(arguments);

    if(arrs.length < 2){
        return arrs[0];
    }

    var save = arrs.pop(),
        now;

    while(now = arrs.pop()){
        for( var i = 0 , len = save.length; i < len; i++ ){
            now[i] = save[i];
        }
        save = now;
    }

    var result = save.sort(function(a,b){
        return a.key - b.key;
    });

       return result;
}
arrayExtends([{key:1,name:"zz"}],[{key:2,name:"zz"},{key:3,name:"zz"}]);