Maison > interface Web > js tutoriel > le corps du texte

Comment dupliquer des éléments d'un tableau dans un nouveau tableau en JavaScript ?

Mary-Kate Olsen
Libérer: 2024-11-13 09:13:02
original
653 Les gens l'ont consulté

How to Duplicate Array Elements into a New Array in JavaScript?

Copier les éléments du tableau dans un autre tableau

La duplication des éléments du tableau dans un nouveau tableau peut être une tâche courante en programmation. JavaScript propose diverses méthodes pour y parvenir, notamment :

La fonction concat :

La fonction concat est une approche efficace et largement prise en charge. Il combine plusieurs tableaux en un nouveau tableau, en préservant les tableaux d'origine. Par exemple :

var arrayA = [1, 2];
var arrayB = [3, 4];
var newArray = arrayA.concat(arrayB); // [1, 2, 3, 4]
Copier après la connexion

Cette méthode crée un nouveau tableau newArray contenant les éléments de arrayA et arrayB.

Array.from et l'opérateur Spread :

La méthode Array.from peut être utilisée avec l'opérateur spread (...) pour créer un nouveau tableau à partir d'un tableau existant. Cette technique fonctionne en itérant sur les éléments du tableau d'entrée et en les poussant dans le nouveau tableau.

var newArray = Array.from(arrayA, x => x); // [1, 2]
newArray = [...arrayA, ...arrayB]; // [1, 2, 3, 4]
Copier après la connexion

L'opérateur de propagation aplatit les tableaux d'entrée, leur permettant d'être répartis directement dans le nouveau tableau.

La fonction slice :

La fonction slice peut être utilisée pour créer une copie superficielle d'un tableau, excluant des éléments spécifiques. Dans ce cas, elle peut être utilisée pour créer un nouveau tableau sans le premier élément du tableau d'entrée.

var newArray = arrayA.slice(1); // [2]
Copier après la connexion

Cette méthode modifie le tableau d'origine, elle doit donc être utilisée avec prudence.

En utilisant ces méthodes, vous pouvez facilement et efficacement copier des éléments d'un tableau dans un nouveau tableau, répondant ainsi à vos exigences de programmation.

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