Fonctions de tableau JavaScript unshift, shift, pop, push exemples d'utilisation_compétences javascript

Comment déclarer un tableau

La déclaration des tableaux dans les

s peut être déclarée de plusieurs manières

Copier le code Le code est le suivant :

var tmp = []; // Mode abréviation
var tmp = new Array(); // Créez-en un nouveau directement
var tmp = Array(); // Ou new peut également être utilisé

Lors de la création d'un nouveau tableau, vous pouvez passer un paramètre indiquant la longueur d'initialisation du tableau

Copier le code Le code est le suivant :

// Lorsqu'il est nouveau, un paramètre est passé pour indiquer la longueur du tableau initialisé
var tmp = nouveau tableau(3);

alerte(tmp.length); // 3

Mais si vous souhaitez créer un tableau avec un seul élément 3, cela ne peut pas être réalisé en utilisant la nouvelle méthode, car le système traitera le 3 que vous transmettez comme la longueur du tableau, à moins que vous n'utilisiez des guillemets pour le traiter comme un chaîne, telle que

Copier le code Le code est le suivant :

var tmp = nouveau tableau('3');
alerte(tmp); // 3

Nous pouvons créer des tableaux en utilisant le mode raccourci, ce qui nous permet de créer un tableau avec un seul élément numérique 3

Copier le code Le code est le suivant :

var tmp = [3]
alert(typeof tmp[0]); // numéro

Vous pouvez également initialiser plusieurs éléments, et la valeur de l'élément peut être de n'importe quel type

Copier le code Le code est le suivant :

// Le mode simple crée un tableau
// Les éléments du tableau peuvent être de n'importe quel type de données
var tmp = [3,true,8.5,{'name':'lizhong'},['a','b']];
alerte(tmp.length); // 5

1. unshift insérer un élément avant le premier élément du tableau

Copier le code Le code est le suivant :

// Utilisez unshift pour insérer un élément avant le premier élément du tableau
// Renvoie la longueur du tableau
var tmp = ['a','b'];
var len = tmp.unshift('c');
alerte(len); // 3
alerte(tmp); // c,a,b

Vous pouvez également insérer plusieurs éléments à la fois, dans l'ordre de gauche

Copier le code Le code est le suivant :

// Utilisez unshift pour insérer un élément avant le premier élément du tableau
// Renvoie la longueur du tableau
var tmp = ['a','b'];
var len = tmp.unshift('c','d');
alerte(len); // 4
alerte(tmp); // c,d,a,b

2. Shift fait apparaître le premier élément du tableau et renvoie la valeur de l'élément sauté

Petit exemple :

Copier le code Le code est le suivant :

// Utilisez shift pour faire apparaître le premier élément du tableau
// Renvoie la valeur de l'élément sauté
var tmp = ['a','b','c'];
var val = tmp.shift();
alerte(val); // une
alerte(tmp); // b,c

S'il s'agit d'un tableau vide :

Copier le code Le code est le suivant :

// Utilisez shift pour faire apparaître le premier élément du tableau
// Renvoie la valeur de l'élément sauté
var tmp = [];
var val = tmp.shift();
alert(val); // non défini
alerte(tmp); // vide

3. appuyez pour ajouter des éléments à la fin du tableau

Contrairement à unshift, push ajoute des éléments à la fin du tableau et renvoie la longueur du tableau après avoir ajouté les éléments

Copier le code Le code est le suivant :

// Utilisez push pour ajouter plusieurs éléments à la fin du tableau
// Renvoie la dernière longueur du tableau
var tmp = ['a','b','c'];
var len = tmp.push('d');
alerte(len); // 4
alerte(tmp); // a,b,c,d

Vous pouvez également ajouter plusieurs éléments à la fois

Copier le code Le code est le suivant :

// Utilisez push pour ajouter plusieurs éléments à la fin du tableau
// Renvoie la dernière longueur du tableau
var tmp = ['a','b','c'];
var len = tmp.push('d','e','f');
alerte(len); // 6
alerte(tmp); // a,b,c,d,e,f

4. La fonction pop supprime l'élément à la fin du tableau

Contrairement à shift, pop fait apparaître l'élément à la fin du tableau et renvoie la valeur de l'élément sauté

Copier le code Le code est le suivant :

// Utilisez pop pour faire apparaître le dernier élément du tableau
// Renvoie la valeur de l'élément sauté
var tmp = ['a','b','c'];
var val = tmp.pop();
alerte(val); // c
alerte(tmp); // a,b

Si le tableau est vide, retournez undefined

Copier le code Le code est le suivant :

// Utilisez pop pour faire apparaître le dernier élément du tableau
// Renvoie la valeur de l'élément sauté
var tmp = [];
var val = tmp.pop();
alert(val); // non défini
alerte(tmp); // vide

En utilisant les quatre fonctions ci-dessus, nous pouvons effectuer un traitement de file d'attente et nous n'écrirons pas de code pour des cas spécifiques.
La fonction push peut en fait être implémentée comme ça

Copier le code Le code est le suivant :

var tmp = ['a','b','c'];
tmp[tmp.length] = 'd';
alerte(tmp); // a,b,c,d

Remarque : les quatre fonctions ci-dessus unshift, shift, pop et push modifieront le tableau lui-même.