Méthodes de manipulation du tableau - Travailler avec des tableaux en javascript

Les tableaux sont la partie fondamentale de JavaScript et dans ce post, nous allons parler de la manipulation des tableaux. La manipulation du tableau est la tâche qui nous aide à ajouter / supprimer / transformer des éléments dans notre tableau. Il existe des dizaines de méthodes en JavaScript qui nous aident à manipuler des tableaux en fonction de nos besoins.

Qu'est-ce qu'un tableau?

Le tableau est un type de variable qui est structuré d'une manière que nous pouvons stocker plusieurs types de valeurs dans une seule variable et accéder ultérieurement à ces valeurs à l'aide d'index de tableau. L'index est le numéro de position où l'élément de tableau est stocké ou enregistré.

Par exemple:

const Leagues = ["Laliga", "Premier League", "Bundesliga", "Serie A"];

Dans l'exemple ci-dessus, si nous n'utilisions pas de tableaux, nous devions déclarer 4 variables et les initialiser avec les valeurs ci-dessus qui auraient été trop mouvementées.

Par exemple:

const League1 = "Laliga";
const League2 = "Premier League";
const League3 = "Bundesliga";
const League4 = "Seria A";

Comme nous pouvons le voir, il vaut mieux que nous utilisons des tableaux que les méthodes traditionnelles. Si vous n'êtes toujours pas convaincu, supposons que vous deviez énumérer toutes les principales ligues de football du monde. Souhaitez-vous déclarer toutes les variables et initié avec la ligue de football les noms un par un. Ne serait-il pas préférable d'utiliser des tableaux? En effet, ça l'est.

Méthodes de tableau JavaScript

Conversion des tableaux en chaîne

Disons que vous avez un tableau que vous souhaitez convertir en une chaîne pour laquelle JavaScript nous fournit le toString () Méthode intégrée pour nous aider. Le toString () La méthode convertira notre tableau en une chaîne. Toutes les valeurs du tableau seront séparées par une virgule dans la chaîne

Exemple:

// Array ayant le nom des ligues de football
const Leagues = ["Laliga", "Premier League", "Bundesliga", "Serie A"];
// Conversion en chaîne
console.journal (ligues.toString ());

La prochaine méthode intégrée utilisée beaucoup par les développeurs est le rejoindre() méthode. Cela a exactement la même fonction de toString () i-e convertit un tableau en chaîne. La seule différence dans la méthode join () est que nous pouvons ici spécifier le séparateur. Par exemple, à la place des virgules, nous pouvons mettre un arrêt complet. Par exemple:

// Array ayant le nom des ligues de football
const Leagues = ["Laliga", "Premier League", "Bundesliga", "Serie A"];
// Conversion en chaîne avec . séparateur
console.journal (ligues.rejoindre("."));

Ici, nous avons spécifié que les valeurs d'un tableau doivent être séparées avec un arrêt complet lorsque le tableau est converti en une chaîne.

Pousser et pop

Lorsque vous travaillez avec des tableaux en tant que développeur, il y aura des moments où vous devrez ajouter ou supprimer les éléments d'un tableau. Pour atteindre la tâche d'ajouter quelque chose ou de supprimer quelque chose d'un tableau, nous utilisons la méthode POP () et push ().

Méthode pop ()

La suppression d'une valeur du tableau est obtenue par la méthode POP () et il supprime la dernière valeur d'index du tableau.

Par exemple:

// Array ayant le nom des ligues de football
const Leagues = ["Laliga", "Premier League", "Bundesliga", "Serie A"];
console.journal (ligues.populaire());
console.journal (ligues.toString ());

Comme nous pouvons le voir dans la capture d'écran de la console que l'élément POP était sur le dernier index et après cela, lorsque nous enregistrons le tableau, il n'y avait pas de séria A.

Méthode push ()

La syntaxe push est la même que la pop. La différence est la fonction que chacune exécute. La méthode push () est utilisée pour insérer ou ajouter des éléments au dernier indice du tableau.

Par exemple:

// Array ayant le nom des ligues de football
const Leagues = ["Laliga", "Premier League", "Bundesliga", "Serie A"];
ligues.push ("Ligue1");
// Conversion en chaîne
console.journal (ligues.toString ());

Dans l'argument de la méthode push (), nous passons la valeur que nous voulons ajouter au tableau. Dans cet exemple, nous avons dépassé «Ligue1» car nous voulions l'ajouter à nos ligues de tableau. Lorsque nous poussons la valeur, nous verrons Ligue1 à la fin du tableau.

Éléments changeants

La méthode Shift () est la même que la méthode pop () sauf qu'elle supprime le premier élément du tableau. Il le fait en déplorant tous les autres éléments vers un indice inférieur sauf le premier. Il supprime le premier élément d'index.

Par exemple:

// Array ayant le nom des ligues de football
const Leagues = ["Laliga", "Premier League", "Bundesliga", "Serie A"];
// Supprimer le premier élément
console.journal (ligues.changement());
// Conversion du tableau en chaîne
console.journal (ligues.toString ());

Dans cet exemple, dans la fenêtre de la console, nous serons affichés l'élément qui a été supprimé du tableau. Alors le nouveau tableau sera affiché.

La méthode Unsich () est la même que la méthode push (), sauf qu'elle ajoute un élément au début du tableau. La syntaxe est la même que les ligues de la méthode de décalage I-E.Unhift («Scottish League»).

Éléments changeants

Nous pouvons modifier un élément à l'index spécifique. L'index commence à 0 dans un tableau.

Par exemple, nous pouvons modifier le premier élément par:

ligues [0] = "Scottish League";

Nous pouvons également trouver la longueur totale du tableau en utilisant la méthode de longueur intégrée de JavaScript.

// Array ayant le nom des ligues de football
const Leagues = ["Laliga", "Premier League", "Bundesliga", "Serie A"];
console.journal (ligues.longueur);

Sortie: 4

Méthode Splice ()

La méthode Splice () est utilisée pour ajouter des éléments à un tableau tout comme la méthode push ().

Par exemple:

// Array ayant le nom des ligues de football
const Leagues = ["Laliga", "Premier League", "Bundesliga", "Serie A"];
ligues.Splice (2,0, "Ligue1");
// Conversion du tableau en chaîne
console.journal (ligues.toString ());

Splice prend un index où vous souhaitez ajouter un élément. Dans cet exemple, nous avons spécifié le 2ème index où nous voulons ajouter "Ligue1". Les éléments que nous voulons supprimer du tableau sont donnés dans le deuxième argument. Après cela, nous pouvons ajouter de nouveaux éléments, autant que nous le voulons. La sortie sera:

Nous pouvons également utiliser la méthode d'épissage pour supprimer une valeur à l'index spécifié.

Par exemple:

// Array ayant le nom des ligues de football
const Leagues = ["Laliga", "Premier League", "Bundesliga", "Serie A"];
ligues.Splice (0,1);
// Conversion du tableau en chaîne
console.journal (ligues.toString ());

Il supprimera l'élément qui est au premier index.

Fusion des tableaux

Nous pouvons également fusionner les tableaux en utilisant la méthode Concat (). La méthode concat () ne modifie pas le tableau d'origine et crée uniquement un nouveau tableau.

Par exemple:

Dans cet exemple, deux tableaux seront combinés à l'aide de la méthode Concat ():

// Array ayant le nom des ligues de football
const Leagues = ["Laliga", "Premier League", "Bundesliga", "Serie A"];
const lowerlegues = ["Scottish", "Australian"];
const newtotallegues = ligues.Concat (LowerLegues);
// Conversion du tableau en chaîne
console.journal (newtotallegues.toString ());

Nous avons ajouté les bases des ligues.

Conclusion

Plusieurs éléments de données ou variables du même type sont représentés dans un seul tableau de nom et ce tableau peut ensuite être manipulé de plusieurs façons qui sont discutées dans ce post. Nous avons discuté de la manipulation du tableau en javascrip. Nous espérons que tous ces exemples vous auraient donné une idée du fonctionnement de la manipulation du tableau.