Implémentation des fonctions d'ajout, de suppression, de modification et de requête des tableaux JavaScript

Cet article présente principalement l'implémentation simple de l'ajout, de la suppression, de la modification et de la vérification des opérations sur les tableaux JS. L'éditeur pense que c'est assez bon, je vais donc le partager avec vous maintenant et le donner comme référence. Suivons l'éditeur et jetons un coup d'œil.

JS fournit de nombreuses méthodes pratiques pour faire fonctionner les tableaux. Ce que cet article souhaite partager, c'est comment ajouter, supprimer, modifier et vérifier rapidement des tableaux.

1. Ajouté

1. push()

peut recevoir n'importe quel nombre de paramètres. , ajoutez-les un par un à la fin du tableau et renvoyez la longueur du tableau modifié. Par exemple :

var arr = [];
var len = arr.push(1);
console.log(arr); // [1]
console.log(len); // 1
len = arr.push(2,3);
console.log(arr); // [1,2,3]
console.log(len); // 3

2. unshift()

Cette méthode est similaire à push() et peut également recevoir n'importe quel nombre Les paramètres sont simplement ajoutés au début du tableau un par un et la nouvelle longueur du tableau est également renvoyée. Continuons l'exemple ci-dessus :

var len = arr.unshift(0);
console.log(arr); // [0, 1, 2, 3]
console.log(len); // 4
len = arr.unshift(-2,-1);
console.log(arr);  // [-2, -1, 0, 1, 2, 3]
console.log(len);  // 6

3. concat()

Cette méthode est quelque peu similaire à push( ), ajoute également des éléments à la fin du tableau, sauf que ce tableau n'est plus le tableau d'origine, mais une copie de celui-ci, donc concat() renverra un nouveau tableau après avoir opéré sur le tableau. L'utilisation spécifique est la suivante :

① Aucun paramètre n'est passé et une copie du tableau actuel est renvoyée

② Si ​​un ou plusieurs tableaux sont passés, la méthode ajoutera chaque élément de ces tableaux Au tableau de résultats

③ Passez les paramètres non-tableaux, ces paramètres seront ajoutés directement à la fin du tableau de résultats

Continuez avec la châtaigne ci-dessus :

var arr1 = arr.concat(4,[5,6]);
console.log(arr);  // [-2, -1, 0, 1, 2, 3]
console.log(arr1);  // [-2, -1, 0, 1, 2, 3, 4, 5, 6]

Il ressort clairement de l'exemple que le tableau d'origine reste inchangé et que trois éléments 4, 5 et 6 sont ajoutés à la fin du nouveau tableau.

4. splice()

Les trois premières méthodes ont de grandes limites, car elles sont soit ajoutées à l'avant du tableau, soit après le tableau, et splice( ) C'est différent, c'est très flexible et puissant. Il est flexible car il peut ajouter des éléments à n'importe quelle position du tableau, et il est puissant car en plus d'ajouter des éléments, il a également pour fonction de supprimer et de remplacer des éléments (ceci sera discuté plus tard).

splice() peut ajouter n'importe quel nombre d'éléments à la position spécifiée dans le tableau. Il doit transmettre au moins 3 paramètres : la position de départ, 0 (le nombre d'éléments à supprimer) et les éléments à supprimer. être ajouté.

Continuez avec l'exemple ci-dessus :

arr.splice(3,0,0.2,0.4,0.6,0.8);
console.log(arr); // [-2, -1, 0, 0.2, 0.4, 0.6, 0.8, 1, 2, 3]

On peut voir que splice(), comme push() et unshift(), directement modifié sur le tableau.

2. Supprimer

1. pop()

coopérer avec la méthode push() En utilisant une pile qui peut être construite selon la méthode dernier entré, premier sorti, cette méthode supprime le dernier élément de la fin du tableau et renvoie cet élément.

Suivez l'exemple ci-dessus :

var item = arr.pop();
console.log(item);  // 3
console.log(arr);  // [-2, -1, 0, 0.2, 0.4, 0.6, 0.8, 1, 2]

2. shift()

et push() méthode Utilisée ensemble, une file d'attente premier entré, premier sorti peut être formée. Cette méthode peut supprimer le premier élément du tableau et le renvoyer.

Continuez avec l'exemple ci-dessus :

var item = arr.shift();
console.log(item); // -2
console.log(arr); // [-1, 0, 0.2, 0.4, 0.6, 0.8, 1, 2]

slice()

Cette méthode est la même chose que concat() renvoie également un nouveau tableau et n'affecte pas le tableau d'origine. Cependant, slice() est utilisé pour découper le tableau et renvoyer le tableau découpé. L'utilisation spécifique est la suivante :

Le. La méthode slice() peut accepter un ou deux paramètres, les positions de début et de fin des éléments à renvoyer. Avec un seul paramètre, la méthode slice() renvoie tous les éléments commençant à la position spécifiée par le paramètre et se terminant à la fin du tableau actuel. Si on lui donne deux arguments, cette méthode renvoie les éléments situés entre les positions de début et de fin, mais sans inclure la position de fin.

Continuons avec l'exemple ci-dessus~~

var arr2 = arr.slice(2,6);
console.log(arr); // [-1, 0, 0.2, 0.4, 0.6, 0.8, 1, 2]
console.log(arr2); // [0.2, 0.4, 0.6, 0.8]

4. splice()

Bon, continuons à parler de cette méthode « universelle ».

Comme mentionné ci-dessus, cette méthode doit transmettre plus de 3 paramètres lors de l'ajout d'éléments du tableau, et le deuxième paramètre est utilisé pour spécifier le nombre d'éléments à supprimer. À ce moment-là, nous avons passé le numéro 0. Ensuite, si nous devons uniquement supprimer des éléments, il suffit de passer deux paramètres à splice(). Le premier paramètre est utilisé pour spécifier la position du premier élément à supprimer, et le deuxième paramètre est utilisé pour spécifier la position. du numéro de l’élément à supprimer.

Continuez l'exemple ci-dessus ~~

arr.splice(2,4);
console.log(arr); // [-1, 0, 1, 2]

Supprimez 4 éléments à partir de la position où l'élément d'index est 2, le résultat est donc [- 1, 0, 1, 2].

3. Changer

En fait, le moyen le plus flexible est d'utiliser directement la puissante méthode splice(). ci-dessus En comprenant la méthode, nous pouvons connaître à peu près le principe de base de l'utilisation de cette méthode pour modifier les éléments d'un tableau.

Le principe est très simple, c'est-à-dire insérer n'importe quel nombre d'éléments dans la position spécifiée et supprimer n'importe quel nombre d'éléments en même temps.

Continuez toujours avec l'exemple ci-dessus ~~

arr.splice(2,1,0.5,1,1.5);
console.log(arr);  // [-1, 0, 0.5, 1, 1.5, 2]

Vérifiez

indexOf() et lastIndexOf()

Les deux méthodes reçoivent deux paramètres : l'élément à trouver et (éventuellement) l'index indiquant la position de départ de la recherche. Parmi eux, indexOf() recherche en arrière depuis le début du tableau (position 0) et la méthode lastIndexOf() recherche en avant depuis la fin du tableau.

Par exemple :

var index = arr.indexOf(0);
console.log(index);  // 1
index = arr.indexOf(3,0);
console.log(index);  // -1

Lorsque l'élément n'est pas trouvé, -1 est renvoyé et la méthode lastIndexOf() est la même.

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!