Maison > interface Web > js tutoriel > Comment puis-je compresser deux tableaux ensemble en JavaScript ?

Comment puis-je compresser deux tableaux ensemble en JavaScript ?

Patricia Arquette
Libérer: 2024-12-06 06:22:14
original
765 Les gens l'ont consulté

How Can I Zip Two Arrays Together in JavaScript?

Compression de tableaux en JavaScript

La compression de deux tableaux implique de combiner les éléments correspondants des deux tableaux en un seul tableau. Pour y parvenir, vous pouvez exploiter les méthodes de tableau intégrées de JavaScript.

Utilisation de la méthode map :

var a = [1, 2, 3]
var b = ['a', 'b', 'c']

var c = a.map(function(e, i) {
  return [e, b[i]];
});

console.log(c); // [[1, 'a'], [2, 'b'], [3, 'c']]
Copier après la connexion

Dans ce code, la méthode map parcourt les éléments du tableau 'a' et pour chaque élément, il crée un tableau contenant cet élément associé à l'élément correspondant du tableau 'b'. Le tableau résultant « c » est un zip des tableaux « a » et « b ».

Vous pouvez également utiliser une combinaison des méthodes forEach et push :

var a = [1, 2, 3]
var b = ['a', 'b', 'c']
var c = [];

a.forEach(function(e, i) {
  c.push([e, b[i]]);
});

console.log(c); // [[1, 'a'], [2, 'b'], [3, 'c']]
Copier après la connexion

Ce code produit également le même résultat que l'exemple précédent, mais il utilise une boucle avec une opération push pour construire le tableau compressé.

En utilisant ces méthodes, vous pouvez efficacement zippez deux tableaux pour créer un nouveau tableau contenant des paires d'éléments correspondants.

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!

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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal