Éléments de tableau d'impression JavaScript

1. Différentes façons d’imprimer des éléments de tableau en JavaScript
2. Utiliser la boucle for pour imprimer des éléments de tableau en JavaScript
3. Utiliser la boucle while pour imprimer des éléments de tableau en JavaScript
4. Utilisez la méthode forEach pour imprimer des éléments de tableau en JavaScript
5. Utilisez la fonction console.log() pour imprimer des éléments de tableau en JavaScript
6. Utilisez map() avec la méthode join() pour imprimer des éléments de tableau en JavaScript
7. Utilisez la fonction toString() pour imprimer des éléments de tableau en JavaScript
8. Utilisez la fonction join() pour imprimer des éléments de tableau en JavaScript
9. Utilisez la fonction pop() pour imprimer des éléments de tableau en JavaScript
10. Utilisez la méthode shift() pour imprimer des éléments de tableau en JavaScript
11. Utilisez la méthode concat() pour imprimer des éléments de tableau en JavaScript
12. Utilisez la méthode slice() pour imprimer des éléments de tableau en JavaScript

Ce didacticiel montre comment vous pouvez imprimer des éléments de tableau JavaScript. Cela dépend également des besoins de votre projet, que vous souhaitiez imprimer tout le tableau ou un nombre particulier d’éléments.

Ou vous voulez imprimer des éléments de tableau au format chaîne ou autre chose. Explorons différentes manières d’imprimer des tableaux JavaScript.

Différentes façons d’imprimer des éléments de tableau en JavaScript

Les boucles for et while parcourent les éléments du tableau, un à la fois, et chaque élément est imprimé sur une ligne distincte alors que nous pouvons obtenir cette même sortie en utilisant la méthode forEach().

La fonction forEach() exécute la méthode particulière une fois pour chaque élément du tableau.

Nous pouvons imprimer tous les éléments du tableau en passant le nom du tableau à la fonction console.log(). Nous pouvons également utiliser les méthodes map() et join() pour manipuler d’abord puis imprimer les éléments du tableau.

Par exemple, nous voulons numéroter chaque élément du tableau dans la sortie.

La fonction map() crée un nouveau tableau en appelant une fonction une fois pour chaque élément, mais ne modifie pas le tableau d’origine. N’oubliez pas qu’il n’exécute pas la fonction pour un élément vide.

La fonction join() agit comme un séparateur qui sépare les éléments du tableau avec un séparateur spécifié.

Le pop() vous renvoie le dernier élément tandis que shift() renvoie le premier élément du tableau, mais les deux sont préférables à utiliser lorsque vous souhaitez que ces éléments soient supprimés d’une chaîne car les deux peuvent modifier le tableau d’origine.

La fonction toString() convertit le tableau au format chaîne. La fonction slice() nous donne l’élément sélectionné du tableau comme un nouveau tableau mais ne change pas le tableau d’origine.

Il peut aussi fonctionner selon les index start et end particuliers (l’index end est ici exclusif).

Utiliser la boucle for pour imprimer des éléments de tableau en JavaScript

Commençons par utiliser une simple boucle for pour imprimer un tableau JavaScript complet.

var names = ['mehvish', 'tahir', 'aftab', 'martell'];
// for loop
for (var i = 0; i < names.length; i++) {
  console.log(names[i]);
}

Production :

"mehvish"
"tahir"
"aftab"
"martell"

Utiliser la boucle while pour imprimer des éléments de tableau en JavaScript

Voyons ci-dessous comment la boucle while produit la sortie.

var names = ['mehvish', 'tahir', 'aftab', 'martell'];
var i = 0;
// while loop
while (i < names.length) {
  console.log(names[i]);
  i++;
}

Production :

"mehvish"
"tahir"
"aftab"
"martell"

Utilisez la méthode forEach pour imprimer des éléments de tableau en JavaScript

Avez-vous pensé à la méthode forEach pour imprimer un tableau JavaScript complet (un élément par ligne) ? Voir l’extrait de code ci-dessous.

var names = ['mehvish', 'tahir', 'aftab', 'martell'];
names.forEach(element => console.log(element));

Production :

"mehvish"
"tahir"
"aftab"
"martell"

Utilisez la fonction console.log() pour imprimer des éléments de tableau en JavaScript

Nous avons exploré les moyens d’imprimer le tableau complet mais un élément sur chaque ligne. Vous pouvez imprimer tous les éléments du tableau sur une seule ligne comme suit.

var names = ['mehvish', 'tahir', 'aftab', 'martell'];
console.log(names);

Production :

["mehvish", "tahir", "aftab", "martell"]

Utilisez map() avec la méthode join() pour imprimer des éléments de tableau en JavaScript

Nous pouvons également afficher tous les éléments sur une seule ligne en utilisant également la méthode suivante.

var names = ['mehvish', 'tahir', 'aftab', 'martell'];
var element = names.map((e, i) => (i + 1 + '.' + e)).join(' ');
console.log(element);

Production :

"1.mehvish 2.tahir 3.aftab 4.martell"

Utilisez la fonction toString() pour imprimer des éléments de tableau en JavaScript

Avez-vous pensé que nous avons une fonction nommée toString() qui peut convertir le tableau en une chaîne. Voir l’exemple de code suivant.

var names = ['mehvish', 'tahir', 'aftab', 'martell'];
console.log(names.toString());

Production :

"mehvish,tahir,aftab,martell"

Utilisez la fonction join() pour imprimer des éléments de tableau en JavaScript

Nous avons vu que le tableau est converti en chaîne ci-dessus, mais chaque élément est séparé par une virgule. Et si nous voulions que tous les éléments soient séparés dans un seul espace ? Pour cela, la fonction join() est utilisée.

var names = ['mehvish', 'tahir', 'aftab', 'martell'];
console.log(names.join(' '));

Production :

"mehvish tahir aftab martell"

Utilisez la fonction pop() pour imprimer des éléments de tableau en JavaScript

Envisagez-vous d’imprimer uniquement le dernier élément du tableau ? Nous pouvons le faire en utilisant la fonction pop().

var names = ['mehvish', 'tahir', 'aftab', 'martell'];
console.log(names.pop());

Production :

"martell"

Utilisez la méthode shift() pour imprimer des éléments de tableau en JavaScript

Dans le code suivant, la méthode shift() imprime le premier élément du tableau.

var names = ['mehvish', 'tahir', 'aftab', 'martell'];
console.log(names.shift());

Production :

"mehvish"

Utilisez la méthode concat() pour imprimer des éléments de tableau en JavaScript

Nous avons deux tableaux JavaScript distincts et imprimons les deux sur une seule ligne. Nous voulons les éléments du deuxième tableau après les éléments du premier tableau.

Nous allons concaténer le fruitsArrayTwo avec fruitsArrayOne en utilisant la méthode Concat().

var fruitsArrayOne = ['apple', 'banana', 'grapes'];
var fruitsArrayTwo = ['mango', 'water-melon'];
console.log(fruitsArrayOne.concat(fruitsArrayTwo));

Production :

["apple", "banana", "grapes", "mango", "water-melon"]

Utilisez la méthode slice() pour imprimer des éléments de tableau en JavaScript

On peut aussi imprimer un certain tableau d’éléments en utilisant la méthode slice(). On peut aussi utiliser la méthode splice() pour ajouter et supprimer des éléments du tableau. Pour plus de détails, consultez cette page.

var names = ['mehvish', 'tahir', 'aftab', 'martell'];
console.log(names.slice(0, 2));  // end index is not inclusive here

Production :

["mehvish", "tahir"]