Partie 2 / Blogs / Perficient

Dans la continuité de Partie 1, nous allons maintenant approfondir les méthodes de tableau essentielles qui améliorent votre boîte à outils JavaScript. Ces méthodes vous permettent de gérer sans effort des tâches complexes de manipulation de données, ouvrant ainsi de nouvelles possibilités pour vos projets.

estArray()

estArray() est votre fidèle détecteur pour identifier les tableaux. Transmettez simplement n’importe quelle valeur à Array.isArray(), et il vous indiquera rapidement s’il s’agit d’un tableau ou non. Simple, mais incroyablement utile pour gérer différents types de données.

Exemple:

const animals = ["Cheetah", "Lion", "Zebra", "Horse", "Deer"];
const isArray = Array.isArray(animals);
console.log("Is passed value an array: ", isArray);

Sortir:

clés(), valeurs() et entrées()

Ces méthodes vous donnent des itérateurs pour les clés, les valeurs et les paires clé-valeur au sein d’un tableau. Essentiellement, ils vous proposent différentes manières de vous déplacer parmi les éléments d’un tableau.

Clé

const fruits = ["apple", "banana", "orange"];
for (const key of fruits.keys()) {
  console.log("Keys of an array: ", key);
}

Sortir:

valeur

const fruits = ["apple", "banana", "orange"];
for (const value of fruits.values()) {
  console.log("Values of an array: ", value);
}

Sortir:

entrées

const fruits = ["apple", "banana", "orange"];
for (const [index, fruit] of fruits.entries()) {
  console.log("Values of array with its index: ", index, fruit);
}

Sortir:

depuis()

Array.from() : C’est comme une baguette magique qui transforme presque tout en un tableau. Que vous ayez des éléments de données dispersés ou un objet itérable, Array.from() les organise soigneusement dans un nouveau tableau, prêt à l’action.

Exemple:

const arrayLike = { length: 3, 0: "a", 1: "b", 2: "c" };
const newArray = Array.from(arrayLike);
console.log(newArray);

Sortir:

remplir()

La méthode fill() est utilisée pour modifier tous les éléments d’un tableau en une valeur statique.

Exemple:

const numbers = [1, 2, 3, 4, 5];
numbers.fill(0, 2, 4); // [1, 2, 0, 0, 5]
console.log(numbers)

Sortir:

plat()

Imaginez que vous ayez une pile de plateaux imbriqués, chacun contenant des éléments. flat() revient à retirer tous les éléments de ces plateaux et à les mettre dans un seul plateau, simplifiant ainsi l’organisation.

Exemple:

const nestedArray = [["Peter Pan", "Aladdin"], ["Mulan", "Maleficent"], ["Moana", "Tangled"]];
const flattenedArray = nestedArray.flat();
console.log("flat method:\n",flattenedArray);

Sortir:

avec()

Le avec() La méthode est un outil pour les tableaux qui vous permet de modifier un élément spécifique sans toucher au tableau d’origine. Il crée un nouveau tableau reflétant la mise à jour.

Syntaxe

newArray = array.with(index, newValue);

Paramètres

• indice: Ceci représente la position de l’élément qui doit être mis à jour.
• nouvelle valeur: La nouvelle valeur pour l’élément spécifié.

Exemple:

const originalArray = ['apple', 'banana', 'cherry'];
const newArray = originalArray.with(1, 'grape');

console.log("New Array:",newArray); 
console.log("Orignal Array:",originalArray);

Sortir:

longueur

La longueur vous indique combien d’éléments se trouvent dans un tableau ou de caractères dans une chaîne.

Exemple:

const languages = ["Urdu", "English", "Hindi", "Spanish", "Italian"];

console.log("Length of array:",languages.length);

Sortir:

à()

Obtenez l’élément situé à une position particulière dans un tableau ou une chaîne, en tenant compte des index positifs et négatifs.

Exemple:

const languages = ["Urdu", "English", "Hindi", "Spanish", "Italian"];

console.log("Element at end of the array:",languages.at(-1));

Sortir:

rejoindre()

La fonction combine tous les éléments d’un tableau en une seule chaîne, en les séparant par un délimiteur spécifié.

Exemple:

const series = ["Array", "Methods", "In", "JavaScript"];

console.log("Series:",series.join(' '));

Sortir:

supprimer()

Supprime une propriété d’un objet ; il n’est généralement pas utilisé pour les tableaux car il laisse des trous non définis.

Exemple:

const languages = ["Urdu", "English", "Hindi", "Spanish", "Italian"];

delete languages[1];

console.log("After deleting element at 1",languages);

Sortir:

propagé (…)

Cette méthode permet à un tableau ou à un autre objet itérable d’être réparti dans des emplacements où les fonctions ou les tableaux anticipent zéro ou plusieurs arguments ou éléments.

Exemple:

const languagesOne = ["Urdu", "English"];
const languagesTwo = ["Spanish", "Italian"];
const allLanguages = [...languagesOne, ...languagesTwo]; // Combines languagesOne and languagesTwo into allLanguages
console.log("Combined array:",allLanguages);

Sortir:

àChaîne()

convertit tous les éléments d’un tableau en une seule chaîne, en les séparant par des virgules.

Exemple:

const languages = ["Urdu", "English", "Hindi", "Spanish", "Italian"];

let languagesString = languages.toString();
console.log("Array to String:",languagesString);

Sortir:

Conclusion:

Alors que nous terminons la partie essentielle et principale de notre exploration des méthodes de tableau JavaScript, n’oubliez pas que ces techniques fondamentales servent de base à des opérations plus complexes. La maîtrise de l’ajout, de la suppression et de la manipulation d’éléments dans des tableaux ouvre une myriade de possibilités de gestion des données dans vos projets JavaScript. Restez à l’écoute pour la prochaine partie de notre série, où nous approfondirons méthodes de tableau avancées et développez davantage notre boîte à outils JavaScript.