Les méthodes d'accessoires de tableau en javascript expliquées avec des exemples

Les méthodes d'accessoires de tableau en javascript expliquées avec des exemples
En JavaScript, il existe plusieurs méthodes intégrées disponibles qui sont très bénéfiques dans la perspective de travailler avec des tableaux, tels que la méthode qui modifie le tableau réel est appelé méthode mutatrice. Bien que la méthode qui ne modifie pas le tableau principal / d'origine à la place, elle renvoie une nouvelle représentation pour le tableau sur la base du tableau d'origine est appelée méthode accessoire. Dans cet article, nous couvrirons diverses méthodes d'accessoires de tableau comme Concat (), Slice (), IndexOf (), Filter () et LastIndexof ().

Méthode concat () en javascript

Dans JavaScript, la méthode Concat est utilisée pour rejoindre les tableaux multiples et, par conséquent, il renvoie un nouveau tableau. Voyons un exemple où nous avons créé deux tableaux et les concaténer dans le troisième tableau, jetez un œil au code ci-dessous pour comprendre comment "Concat ()" La méthode fonctionne en javascript:

const Array1 = [5,10,15,20,25];
const array2 = [30,35,40,45,50];
const resultant_array = array1.concat (array2);
console.log ("Le tableau résultant est:", résultat_array);

Dans le code donné ci-dessus, le tableau qui en résulte concatène les deux premiers tableaux:

La console.La fonction de journal est utilisée pour produire la sortie du tableau résultat sur la console du navigateur:

La sortie vérifie que le tableau résultant combine les éléments de «Array1» et «Array2».

join () Méthode en javascript

En javascript, le "rejoindre()" La méthode renvoie une nouvelle chaîne en rejoignant tous les éléments du tableau dans une chaîne séparée par une virgule ",".

const array1 = ['5', '10', '15', '20', '25'];
const resultant_array = array1.rejoindre();
console.log ("Le tableau résultant à l'aide de la méthode de jointure est:", résultat_array);

Ici, nous avons pris les valeurs Array1 en tant que valeurs de chaîne et l'implémentation JavaScript du code-donné ci-dessus sera:

Dans la sortie, vous observerez que le "rejoindre()" La fonction renvoie une chaîne séparée par une virgule.

Dans JavaScript, n'importe qui peut séparer les éléments de chaîne par tout autre symbole de leur choix; Supposons que nous voulons utiliser "|" Comme séparé au lieu de la virgule, nous l'utiliserons comme:

const array1 = ['5', '10', '15', '20', '25'];
const resultant_array = array1.join ('|');
console.log ("Le tableau résultant à l'aide de la méthode de jointure est:", résultat_array);

Nous implémenterons le code ci-dessus dans JavaScript comme:

La sortie résultante sera:

Filter () Méthode en javascript

En JavaScript, la méthode «Filter ()» est utilisée pour filtrer un tableau sur la base d'une condition. Par exemple, nous voulons filtrer les nombres positifs à partir d'un tableau, le code en JavaScript serait:

const all_numbers = [5, -10,15, -20, -25,30];
const positif_only = all_numbers.filtre (fonction (numéro)
Numéro de retour> = 0;
);
console.log (positif_only);

Ainsi, dans l'exemple, nous avons un tableau qui se compose à la fois en nombres positifs et négatifs, et nous voulons filtrer le tableau et afficher uniquement des nombres positifs. Nous définissons donc une condition qui vérifiera si «le nombre est supérieur ou égal à 0» ou non, en conséquence:

Notre sortie montre que la méthode «Filter ()» imprime uniquement les nombres positifs:

Méthode Slice () en javascript

JavaScript utilise la méthode «Slice ()» pour copier une partie du tableau dans un nouveau tableau, et il accepte deux paramètres facultatifs de démarrage et le dernier index. Prenons un scénario où nous ne voulons que les trois premiers éléments du tableau, nous le ferons en utilisant la méthode Slice. Le dernier index doit être l'index «N + 1», cela signifie que si vous voulez des valeurs entre l'index 0 à l'index 2, vous devez écrire le dernier index en tant que «3»:

const Array1 = [5,10,15,20,25];
const resultant_array = array1.tranche (0,3);
console.log ("Le tableau résultant est:", résultat_array);

Ici, nous prenons le premier index comme 0, et nous écrivons le dernier index en 3, la méthode Slice exclura le dernier index «3» et il tiendra compte des éléments du tableau pour index 0, index 1 et index 2 uniquement.

La sortie du programme ci-dessus sera:

Indexof () Méthode en javascript

JavaScript utilise la méthode indexof pour trouver la survenue d'un élément dans un tableau, et il renverra -1 si l'élément n'est pas trouvé dans le tableau. De plus, si un tableau a le même élément deux fois "Indice de" La méthode renverra la position de la première occurrence. Considérez le code donné ci-dessous pour comprendre comment "Indice de" La méthode fonctionne:

const Array1 = [5,10,15,15,20,25];
const resultant_array = array1.indexof (15);
console.log ("Le tableau résultant est:", résultat_array);

L'implémentation JavaScript de la méthode d'indexof sera:

La sortie du code donné ci-dessus vérifiera que la méthode «indexof» renvoie la première instance de l'élément recherché:

Méthode LastIndexof () en javascript

JavaScript utilise le "LastIndexof" Méthode pour trouver la dernière apparition d'un élément dans un tableau, et cette méthode renvoie -1 lorsqu'il ne trouvera pas un élément dans le tableau:

const Array1 = [5,10,15,15,20,25];
const resultant_array = array1.LastIndexof (15);
console.log ("Vous avez recherché l'index du tableau:", resultant_array);

La mise en œuvre du code ci-dessus sera:

Dans Array1, '15' est répété deux fois, donc le "LastIndexof" La méthode renverra l'indice de la dernière occurrence de «15»:

Méthode incluse () en javascript

JavaScript utilise "Comprend ()" Méthode pour rechercher n'importe quel élément dans un tableau, par conséquent, il renverra une valeur booléenne:

const Array1 = [5,10,15,15,20,25];
const resultant_array = array1.Comprend (15);
console.log ("Valeur recherchée trouvée:", résultat_array);

Ici, nous avons recherché «15» en utilisant la méthode «incluse ()»:

La méthode «include ()» renverra la sortie vraie car «15» est là dans le tableau:

Conclusion:

Les méthodes d'accessoires de table. Dans cet article, nous avons appris ces méthodes en détail en considérant quelques exemples. De plus, nous avons implémenté chaque méthode en JavaScript et avons noté la sortie souhaitée par rapport à chaque méthode. Cet article aidera les lecteurs à implémenter les méthodes d'accessoires de tableau intégrées en JavaScript.