Maison > interface Web > Questions et réponses frontales > Comment trouver différents éléments dans deux tableaux dans Es6

Comment trouver différents éléments dans deux tableaux dans Es6

青灯夜游
Libérer: 2022-11-01 18:07:38
original
2749 Les gens l'ont consulté

Étapes : 1. Convertissez respectivement les deux tableaux en type défini, avec la syntaxe "newA=new Set(a);newB=new Set(b);" 2. Utilisez has() et filter() pour trouver le ensemble de différences, syntaxe "new Set([...newA].filter(x =>!newB.has(x)))", les éléments de l'ensemble de différences seront inclus dans une collection d'ensembles et renvoyés 3. Utilisez Array ; .from pour convertir l'ensemble Convertir en type tableau, syntaxe "Array.from(set)".

Comment trouver différents éléments dans deux tableaux dans Es6

L'environnement d'exploitation de ce tutoriel : système Windows 7, ECMAScript version 6, ordinateur Dell G3.

Trouver les différents éléments dans deux tableaux consiste à obtenir l'ensemble des différences des deux tableaux.

Dans es6, vous pouvez utiliser la méthode has() de l'objet set pour trouver la différence entre deux tableaux.

Étapes de mise en œuvre :

Étape 1. Convertir les deux tableaux en types définis

let a=[1, 2, 3];
let b=[3, 5, 2];
newA = new Set(a);
newB = new Set(b);
Copier après la connexion

Comment trouver différents éléments dans deux tableaux dans Es6

Étape 2 : Trouver l'ensemble de différences

Utilisez la méthode has() de l'objet défini Array filter() pour trouver la différence entre deux tableaux.

  • La méthode Set has() indique si l'objet Set contient la valeur spécifiée ; si la valeur spécifiée existe, elle renvoie vrai, sinon elle renvoie faux.

  • La méthode filter() est utilisée pour filtrer le tableau et renvoyer les éléments qui remplissent les conditions (true).

Code d'implémentation

let a=[1, 2, 3];
let b=[3, 5, 2];
newA = new Set(a);
newB = new Set(b); 
console.log(newA);
console.log(newB);
let differenceABSet = new Set([...newA].filter(x => !newB.has(x)));
console.log("差集为:");
console.log(differenceABSet);
Copier après la connexion

Comment trouver différents éléments dans deux tableaux dans Es6

On peut voir qu'à ce moment, les éléments de l'ensemble de différences sont inclus dans une collection d'ensembles et renvoyés, et nous pouvons le convertir en un type de tableau.

Étape 3 : Utilisez la méthode Array.from pour convertir la collection en un type de tableau

let a=[1, 2, 3];
let b=[3, 5, 2];
newA = new Set(a);
newB = new Set(b); 
console.log(newA);
console.log(newB);
let differenceABSet = Array.from(new Set([...newA].filter(x => !newB.has(x))));
console.log("差集为:");
console.log(differenceABSet);
Copier après la connexion

Comment trouver différents éléments dans deux tableaux dans Es6

Description : La méthode Array.from est utilisée pour convertir deux types d'objets en tableaux réels : des objets de type tableau objet) et les objets itérables (y compris les nouvelles structures de données Set et Map d'ES6).

Développer les connaissances : trouver une union/intersection

let a = new Set([1, 2, 3]);
let b = new Set([3, 5, 2]); 

// 并集
let unionSet = new Set([...a, ...b]);
//[1,2,3,5]

// ab交集
let intersectionSet = new Set([...a].filter(x => b.has(x)));
Copier après la connexion

[Recommandations associées : tutoriel vidéo javascript, front-end web]

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal