Maison > interface Web > js tutoriel > Comment ajouter efficacement plusieurs occurrences d'un élément à un tableau JavaScript ?

Comment ajouter efficacement plusieurs occurrences d'un élément à un tableau JavaScript ?

Linda Hamilton
Libérer: 2024-11-30 05:33:10
original
597 Les gens l'ont consulté

How to Efficiently Add Multiple Occurrences of an Element to a JavaScript Array?

Ajout de plusieurs occurrences d'éléments à un tableau JavaScript

Lorsque vous travaillez avec des tableaux en JavaScript, il est parfois nécessaire d'ajouter le même élément plusieurs fois. L'approche traditionnelle consiste à pousser à plusieurs reprises l'élément sur le tableau à l'aide de array.push().

Considérez le scénario suivant :

var fruits = [];
fruits.push("lemon", "lemon", "lemon", "lemon");
Copier après la connexion

Ce code ajoute la chaîne "lemon" quatre fois au tableau de fruits. Bien que cette méthode soit simple, elle peut devenir fastidieuse lorsque plusieurs occurrences sont requises.

Utilisation d'Array.fill pour les primitives

Pour les types de données primitifs tels que les chaînes, JavaScript fournit un moyen plus efficace d'ajouter plusieurs éléments à la fois en utilisant la méthode array.fill(). La syntaxe est la suivante :

array.fill(value, start, end)
Copier après la connexion
  • value : la valeur à remplir dans le tableau.
  • start (facultatif) : l'index de départ à partir duquel commencer le remplissage. La valeur par défaut est 0.
  • end (facultatif) : l'index de fin auquel arrêter le remplissage. La longueur par défaut du tableau.

Dans le cas du tableau fruits, nous pouvons ajouter quatre occurrences de "citron" comme ceci :

var fruits = new Array(4).fill('Lemon');
console.log(fruits);
Copier après la connexion

Ce code crée un nouveau tableau de longueur 4 et remplit tous ses éléments avec la chaîne "Lemon".

Remarque : Array.fill() est pris en charge pour les types de données primitifs uniquement. Pour les objets et autres structures de données complexes, il est recommandé d'utiliser des boucles ou des opérateurs de propagation.

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