Comprendre les tableaux Javascript

Les tableaux sont l'une des structures de données JavaScript les plus puissantes et les plus largement utilisées. Ils fonctionnent comme des boîtes magiques, vous permettant de stocker plusieurs valeurs dans une seule variable. Que vous développiez une application de base ou travailliez sur des projets complexes, les tableaux sont votre outil incontournable.

Décomposons les tableaux étape par étape, à l'aide d'exemples simples et de cas d'utilisation pratiques. ?

? Qu’est-ce qu’un tableau ?

Un tableau est une variable spéciale, qui peut contenir plusieurs valeurs.

❓ Comment créer un tableau ?
Utiliser un littéral de tableau est le moyen le plus simple de créer un tableau JavaScript.
⭐ Syntaxe :

 const array_name = [value1, value2, ...];       

? Exemple :

const languages = ["JavaScript", "PHP", "Python"];

✍️ Explication :

• les langues sont un tableau.
• Il contient trois valeurs : "JavaScript", "PHP" et "Python".
• Chaque valeur a une position (appelée index).

? Comprendre l'index de tableau
Les index des tableaux commencent à 0. Voici comment accéder aux éléments :

console.log(languages[0]); // Output: JavaScript
console.log(languages[1]); // Output: PHP
console.log(languages[2]); // Output: Python

? Itérer sur un tableau

Vous pouvez utiliser des boucles pour parcourir tous les éléments d'un tableau. La méthode forEach() est simple et adaptée aux débutants.
? Exemple :

languages.forEach(function(language, index) {
  console.log(index +" => "+ language);
});
/* Output:
0 => JavaScript
1 => PHP
2 => Python
*/

? Méthodes et propriétés des tableaux

Voici quelques méthodes et propriétés intéressantes pour jouer avec les tableaux :
Propriété de longueur 1️⃣
Il renvoie la longueur d'un tableau, qui est le nombre de ses éléments.
? Exemple :

let length = languages.length; 
console.log(length); // Output: 3

2️⃣ méthode push()
Pour ajouter un nouvel élément à la fin.
? Exemple :

languages.push("Java");
console.log(languages); // Output: ['JavaScript', 'PHP', 'Python', 'Java']

3️⃣ méthode unshift()
Pour ajouter un nouvel élément au début.
? Exemple :

languages.unshift("C");
console.log(languages); // Output: ['C', 'JavaScript', 'PHP', 'Python', 'Java']

4️⃣ méthode pop()
Pour supprimer le dernier élément.
? Exemple :

languages.pop();
console.log(languages); // Output: ['C', 'JavaScript', 'PHP', 'Python']

5️⃣ méthode shift()
Pour supprimer le premier élément.
? Exemple :

languages.shift();
console.log(languages); //  Output: ['JavaScript', 'PHP', 'Python']

6️⃣ Méthode toString()
Convertit un tableau en une chaîne de valeurs de tableau séparées par des virgules.
? Exemple :

let arrString = languages.toString();
console.log(arrString); //  Output: JavaScript,PHP,Python

7️⃣ méthode at()
Il accepte une valeur entière et renvoie l'élément à cet index, en acceptant les entiers positifs et négatifs. Les entiers négatifs comptent à l'envers à partir du dernier élément du tableau.
? Exemple :

let value1 = languages.at(2);
console.log(value1); // Output: Python
let value2 = languages.at(-1);
console.log(value2); // Output: Python

8️⃣ méthode join()
Combine tous les éléments dans une chaîne. Il se comporte exactement comme toString(), sauf que vous pouvez également fournir le séparateur.
? Exemple :

let arrJoin = languages.join(" | ");
console.log(arrJoin); // Output: JavaScript | PHP | Python

9️⃣ méthode find()
Cela renverra la première entrée du tableau qui satisfait à la condition spécifiée. Si aucune des valeurs ne satisfait à la condition, undefined est renvoyé.
? Exemple :

 const array_name = [value1, value2, ...];       

? Méthode sort()
Trie les éléments d'un tableau.
? Exemple :

const languages = ["JavaScript", "PHP", "Python"];

Il existe de nombreuses méthodes de tableau supplémentaires disponibles. Explorez-les par vous-même à l'aide d'un moteur de recherche et expérimentez-les ; ça sera amusant à faire !?

⁉️ Pourquoi apprendre les tableaux ?

Les tableaux sont partout en JavaScript ! Comprendre les tableaux vous ouvrira de nouvelles opportunités en tant que développeur, de la gestion des données dans les applications au traitement des API.

Conclusion

Les tableaux sont votre meilleur ami lorsque vous traitez de nombreuses valeurs. Commencez à mettre en pratique les concepts dont nous avons discuté et essayez des tableaux dans de petits projets.
Bon codage !✨

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!