Maison > interface Web > js tutoriel > Quelle est la manière la plus efficace de créer un tableau JavaScript de 1 à N ?

Quelle est la manière la plus efficace de créer un tableau JavaScript de 1 à N ?

Susan Sarandon
Libérer: 2024-12-16 14:01:10
original
666 Les gens l'ont consulté

What's the Most Efficient Way to Create a JavaScript Array from 1 to N?

Comment générer efficacement un tableau contenant 1...N en JavaScript

Code original :

var foo = [];

for (var i = 1; i <= N; i++) {
   foo.push(i);
}
Copier après la connexion

Bien que cette approche soit simple, elle implique une boucle explicite, ce qui n’est peut-être pas l’option la plus efficace. Voici quelques alternatives pour créer un tableau contenant 1 à N sans la boucle :

Méthodes ES6 Array.from() et key()

Dans ES6 et versions ultérieures, vous pouvez utiliser la méthode Array.from() avec la méthode keys().

Array.from(Array(10).keys())
// => [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
Copier après la connexion

Version plus courte utilisant Spread Opérateur

Vous pouvez rendre le code encore plus concis en utilisant l'opérateur spread.

[...Array(10).keys()]
// => [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
Copier après la connexion

À partir de 1 avec la fonction map

Pour démarrer le tableau à partir de 1 au lieu de 0, vous pouvez utiliser la fonction map avec un objet ayant une longueur propriété.

Array.from({length: 10}, (_, i) => i + 1)
// => [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
Copier après la connexion

Ces alternatives offrent des moyens plus efficaces de créer un tableau contenant une plage de nombres sans avoir besoin de boucles explicites.

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