Maison > interface Web > Questions et réponses frontales > Quelles sont les méthodes de fusion de tableaux es6 ?

Quelles sont les méthodes de fusion de tableaux es6 ?

青灯夜游
Libérer: 2022-05-05 18:17:09
original
12999 Les gens l'ont consulté

3 méthodes : 1. Utilisez "for (i in array 2) {array 1. push (array 2 [i])}" pour parcourir le tableau et ajouter la valeur d'un tableau à la fin d'un autre tableau 2 ; Utilisation L'instruction "array1.concat(array2...)" connecte plusieurs tableaux ; 3. Utilisez l'instruction "[...array1,...array2]".

Quelles sont les méthodes de fusion de tableaux es6 ?

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

Méthode de fusion de tableaux es6

Méthode 1 : Utiliser for en boucle

var a = [1,2,3];
var b = [4,5,6];
console.log(a);
console.log(b);
for(var i in b){
    a.push(b[i]);
}
console.log(a);
Copier après la connexion

Quelles sont les méthodes de fusion de tableaux es6 ?

Méthode 2 : Utiliser concat()

la méthode concat() est utilisée pour connecter deux ou plusieurs tableaux .

array1.concat(array2,array3,...,arrayX)
Copier après la connexion

renverra un nouveau tableau. Le tableau est généré en ajoutant tous les paramètres arrayX à arrayObject. Si l'argument de l'opération concat() est un tableau, alors les éléments du tableau sont ajoutés, pas le tableau.

var a = [1,2,3];
var b = [4,5,6];
console.log(a);
console.log(b);
console.log(a.concat(b));
console.log(b.concat(a));
Copier après la connexion

Quelles sont les méthodes de fusion de tableaux es6 ?

Méthode 3 : Utilisez l'opérateur de propagation "..."

var a = [1,2,3];
var b = [4,5,6];
console.log(a);
console.log(b);
console.log([...a,...b]);
Copier après la connexion

Quelles sont les méthodes de fusion de tableaux es6 ?

[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:
es6
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