Maison > interface Web > Questions et réponses frontales > Comment additionner deux tableaux dans ES6

Comment additionner deux tableaux dans ES6

青灯夜游
Libérer: 2022-05-19 18:14:08
original
2448 Les gens l'ont consulté

Méthode de sommation : 1. Utilisez concat() pour fusionner deux tableaux. La syntaxe "array1.concat(array2)" ajoutera les éléments du tableau 2 à la fin du tableau 1. 2. Utilisez réduire() pour calculer la fusion. . La somme des tableaux, la syntaxe est "array.reduce(function(p,c){sum=p+c;})".

Comment additionner deux tableaux dans ES6

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

Méthode pour additionner deux tableaux dans ES6

1. Utilisez concat() pour fusionner deux tableaux en un seul tableau

la méthode concat() peut connecter deux ou plusieurs tableaux et les éléments d'un ou plusieurs les tableaux en tant que paramètres sont ajoutés à la fin du tableau spécifié

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

Comment additionner deux tableaux dans ES6

2. Utilisez réduire() pour calculer la somme de tous les éléments du tableau fusionné

reduce peut parcourir le tableau, de sorte que les deux éléments avant et après le tableau Effectuez un calcul sur l'élément, puis renvoyez sa valeur et continuez le calcul sans modifier le tableau d'origine, en renvoyant le résultat final du calcul si aucune valeur initiale n'est donnée, le parcours commence à partir du deuxième élément du tableau ; tableau. La méthode

reduce() reçoit une fonction comme accumulateur, et chaque valeur du tableau (de gauche à droite) commence à être réduite et finalement calculée en une valeur.

Exemple de résumé :

var a = [1,2,3];
var b = [4,5,6];
console.log(a);
console.log(b);
var d = a.concat(b);
var sum = 0;
d.reduce(function(pre,curr) {
sum=pre+curr;
return sum;
});
console.log(sum);
Copier après la connexion

Comment additionner deux tableaux dans 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:
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