Une brève discussion sur l'utilisation du tableau JSArray

Les tableaux JavaScript sont utilisés pour stocker plusieurs valeurs dans une seule variable. Un tableau est une variable spéciale qui peut contenir plusieurs valeurs à la fois.

[Recommandations de cours associées : Tutoriel vidéo JavaScript]

Convertir un tableau en chaîne

Le La méthode JavaScript toString() convertit un tableau en une chaîne de valeurs de tableau (séparées par des virgules).

Exemple :

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();

La méthode join() joint également tous les éléments du tableau dans une chaîne. Il se comporte comme toString(), mais en plus vous pouvez spécifier le délimiteur :

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.join(" * ");

pop() et push()

utiliser lorsque vous travaillez avec un tableau, il est facile de supprimer des éléments et d’en ajouter de nouveaux. Il s'agit de la méthode pop() et de la méthode push(). La méthode

pop() supprime le dernier élément du tableau :

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();              // 从 fruits删除最后一个元素 ("Mango")

la méthode pop() renvoie la valeur "popped" :

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.pop();      // x的值是 "Mango"

méthode push() jusqu'à la fin du tableau Ajoutez un nouvel élément : la méthode

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");       //  添加一个新的元素 ("Kiwi") 到 fruits 最后

push() renvoie la nouvelle longueur du tableau :

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.push("Kiwi");   //   x 的值是 5

shift() et unshift()

La méthode shift() supprime le premier élément du tableau et "décale" tous les autres éléments vers des indices inférieurs. La méthode

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();            // 删除第一个元素 "Banana"

shift() renvoie la chaîne "décalée vers l'extérieur" : La méthode

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.shift();    //  x 的值是 "Banana"

unshift() ajoute un nouvel élément au début du tableau et déplace l'ancien élément vers un niveau supérieur. index : la méthode

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");    //  添加一个新的元素 "Lemon" 到 fruits

unshift() renvoie la nouvelle longueur du tableau.

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");    // 返回 5

Modifier les éléments

Accéder aux éléments du tableau à l'aide des numéros d'index :

Les index du tableau commencent par 0. [0] est le premier élément du tableau, [1] est le deuxième, [2] est le troisième... La propriété

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi";        // 将fruits的第一个元素改为 "Kiwi"

length fournit un moyen simple d'ajouter de nouveaux éléments à un tableau :

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Kiwi";          // 追加 "Kiwi" 到 fruits

Supprimer des éléments

Les tableaux JavaScript étant des objets, vous pouvez supprimer des éléments à l'aide de l'opérateur JavaScript delete :

var fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];           // 将fruits中的第一个元素更改为undefined

Utiliser delete may laissez des trous non définis dans le tableau. Veuillez utiliser pop() ou shift() à la place.

Splice array

La méthode splice() peut être utilisée pour ajouter de nouveaux éléments au tableau :

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");

Premier paramètre ( 2) Définit la position où le nouvel élément doit être ajouté (au niveau de la jointure). Le deuxième paramètre (0) définit le nombre d'éléments à supprimer. Les paramètres restants ("Lemon", "Kiwi") définissent le nouvel élément à ajouter. La méthode splice() renvoie un tableau contenant les éléments supprimés :

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 2, "Lemon", "Kiwi");

Utilisez splice() pour supprimer des éléments

Avec des réglages de paramètres intelligents, vous peut utiliser splice() pour supprimer des éléments sans laisser de "trou" dans le tableau :

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);        // 删除fruits的第一个元素

Le premier paramètre (0) définit où le nouvel élément doit être ajouté. Le deuxième paramètre (1) définit le nombre d'éléments à supprimer. Les paramètres restants sont omis. Aucun nouvel élément ne sera ajouté.

Combiner des tableaux

Créez un nouveau tableau en fusionnant les tableaux existants avec la méthode concat() :

var myGirls = ["Cecilie", "Lone"];
var myBoys = ["Emil", "Tobias", "Linus"];
var myChildren = myGirls.concat(myBoys);   // 合并 myGirls 和 myBoys 两个数组

concat( ) La méthode ne modifie pas le tableau existant. Il renvoie toujours un nouveau tableau. La méthode

concat() peut prendre n'importe quel nombre de paramètres de tableau

var arr1 = ["Cecilie", "Lone"];
var arr2 = ["Emil", "Tobias", "Linus"];
var arr3 = ["Robin", "Morgan"];
var myChildren = arr1.concat(arr2, arr3);   // 合并 arr1 和 arr2 和 arr3 三个数组

La méthode concat() peut également prendre des valeurs comme paramètres :

var arr1 = ["Cecilie", "Lone"];
var myChildren = arr1.concat(["Emil", "Tobias", "Linus"]);

Array slice

La méthode slice() découpe un tableau en un nouveau tableau. Cet exemple découpe une partie du tableau à partir de l'élément 1 du tableau ("Orange") : La méthode

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1);

slice() crée un nouveau tableau. Il ne supprime aucun élément du tableau source.

Cet exemple découpe une partie du tableau à partir de l'élément 3 du tableau ("Apple") :

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(3);

La méthode slice() peut prendre deux paramètres slice(start,end). La méthode sélectionne les éléments depuis le paramètre de début jusqu'au paramètre de fin (sans y inclure).

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1, 3);

Si le paramètre end est omis, comme dans le premier exemple, la méthode slice() découpera le reste du tableau.

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(2);

automatic toString()

JavaScript convertit automatiquement un tableau en chaîne séparée par des virgules lorsqu'une valeur brute est requise. C'est toujours le cas lorsque l'on essaie de générer un tableau. Les deux exemples produiront le même résultat :

var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();
var fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;

Tous les objets JavaScript ont une méthode toString().

Cet article provient de la rubrique tutoriel js, bienvenue pour apprendre !

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!