JavaScript Array

JavaScript Array peut contenir n'importe quel type de données et accéder à chaque élément via un index.

Pour obtenir la longueur du Tableau, accédez directement à l'attribut length :

var arr = [1, 2, 3.14, 'Hello', null, true];
arr.length; // 6

Attention, attribuer directement une nouvelle valeur à la longueur du Tableau entra?nera une modification de la taille du Tableau :

var arr = [1, 2, 3];
arr.length; // 3
arr.length = 6;
arr; // arr變?yōu)閇1, 2, 3, undefined, undefined, undefined]
arr.length = 2;
arr; // arr變?yōu)閇1, 2]

Array peut modifier l'élément correspondant à une nouvelle valeur via l'index. Par conséquent, attribuer une valeur à l'index du tableau modifiera directement le tableau?:

var arr = ['A', 'B', 'C'];
arr[1] = 99;
arr; // arr現(xiàn)在變?yōu)閇'A', 99, 'C']

Veuillez noter que si l'index. dépasse la plage lors de l'attribution d'une valeur via l'index, cela entra?nera également des modifications de la taille du tableau?:

var arr = [1, 2, 3];
arr[5] = 'x';
arr; // arr變?yōu)閇1, 2, 3, undefined, undefined, 'x']

La plupart des autres langages de programmation n'autorisent pas les modifications directes de la taille du tableau, et hors L'accès -of-bounds à l'index signalera une erreur. Cependant, JavaScript Array ne contient aucune erreur. Lors de l'écriture de code, il n'est pas recommandé de modifier directement la taille du tableau. Lors de l'accès à l'index, assurez-vous que l'index ne sort pas des limites.

indexOf

Semblable à String, Array peut également rechercher la position d'un élément spécifié via indexOf()?:

var arr = [10, 20, '30', 'xyz'];
arr.indexOf(10); // 元素10的索引為0
arr.indexOf(20); // 元素20的索引為1
arr.indexOf(30); // 元素30沒(méi)有找到，返回-1
arr.indexOf('30'); // 元素'30'的索引為2

Remarque, numéros 30 et la cha?ne '30' sont des éléments différents.

slice

slice() est la version substring() de String. Elle intercepte certains éléments de Array puis renvoie un nouveau Array?:

var arr = ['A', 'B', 'C', 'D', 'E', 'F', 'G'];
arr.slice(0, 3); // 從索引0開(kāi)始，到索引3結(jié)束，但不包括索引3: ['A', 'B', 'C']
arr.slice(3); // 從索引3開(kāi)始到結(jié)束: ['D', 'E', 'F', 'G']

< ??. > Notez que les paramètres de début et de fin de slice() incluent l'index de début et n'incluent pas l'index de fin.

Si vous ne transmettez aucun paramètre à slice(), il interceptera tous les éléments du début à la fin. En utilisant cela, nous pouvons facilement copier un tableau?:

var arr = ['A', 'B', 'C', 'D', 'E', 'F', 'G'];
var aCopy = arr.slice();
aCopy; // ['A', 'B', 'C', 'D', 'E', 'F', 'G']
aCopy === arr; // false

push and pop

push() ajoute plusieurs éléments à la fin du tableau, et pop() Supprimer le dernier élément de Array?:

var arr = [1, 2];
arr.push('A', 'B'); // 返回Array新的長(zhǎng)度: 4
arr; // [1, 2, 'A', 'B']
arr.pop(); // pop()返回'B'
arr; // [1, 2, 'A']
arr.pop(); arr.pop(); arr.pop(); // 連續(xù)pop 3次
arr; // []
arr.pop(); // 空數(shù)組繼續(xù)pop不會(huì)報(bào)錯(cuò)，而是返回undefined
arr; // []

unshift et shift

Si vous souhaitez ajouter plusieurs éléments en tête de Array, utilisez la méthode unshift(), shift( ) supprime le premier élément du tableau?:

var arr = [1, 2];
arr.unshift('A', 'B'); // 返回Array新的長(zhǎng)度: 4
arr; // ['A', 'B', 1, 2]
arr.shift(); // 'A'
arr; // ['B', 1, 2]
arr.shift(); arr.shift(); arr.shift(); // 連續(xù)shift 3次
arr; // []
arr.shift(); // 空數(shù)組繼續(xù)shift不會(huì)報(bào)錯(cuò)，而是返回undefined
arr; // []

sort

sort() peut trier le tableau actuel et modifiera directement la position actuelle de l'élément du tableau. , lorsqu'il est appelé directement, est trié selon l'ordre par défaut?:

var arr = ['B', 'C', 'A'];
arr.sort();
arr; // ['A', 'B', 'C']

Peut-il être trié dans l'ordre spécifié par nous-mêmes?? Absolument, nous en parlerons dans les fonctions suivantes.

reverse

reverse() supprime les éléments de l'ensemble du tableau, c'est-à-dire inverse?:

var arr = ['one', 'two', 'three'];
arr.reverse(); 
arr; // ['three', 'two', 'one']

splice

La méthode splice() est une "méthode universelle" pour modifier Array. Elle peut supprimer plusieurs éléments à partir de l'index spécifié, puis ajouter plusieurs éléments à partir de cette position?:

var arr = ['Microsoft', 'Apple', 'Yahoo', 'AOL', 'Excite', 'Oracle'];
// 從索引2開(kāi)始刪除3個(gè)元素,然后再添加兩個(gè)元素:
arr.splice(2, 3, 'Google', 'Facebook'); // 返回刪除的元素 ['Yahoo', 'AOL', 'Excite']
arr; // ['Microsoft', 'Apple', 'Google', 'Facebook', 'Oracle']
// 只刪除,不添加:
arr.splice(2, 2); // ['Google', 'Facebook']
arr; // ['Microsoft', 'Apple', 'Oracle']
// 只添加,不刪除:
arr.splice(2, 0, 'Google', 'Facebook'); // 返回[],因?yàn)闆](méi)有刪除任何元素
arr; // ['Microsoft', 'Apple', 'Google', 'Facebook', 'Oracle']

concat

la méthode concat() connecte le tableau actuel à un autre tableau et renvoie un nouveau tableau?:

var arr = ['A', 'B', 'C'];
var added = arr.concat([1, 2, 3]);
added; // ['A', 'B', 'C', 1, 2, 3]
arr; // ['A', 'B', 'C']

Veuillez noter que la méthode concat() ne modifie pas le tableau actuel, mais renvoie un nouveau tableau.

En fait, la méthode concat() peut recevoir n'importe quel nombre d'éléments et de tableau, et diviser automatiquement le tableau, puis les ajouter tous à un nouveau tableau?:

var arr = ['A', 'B', 'C'];
arr.concat(1, 2, [3, 4]); // ['A', 'B', 'C', 1, 2, 3, 4]

join

La méthode join() est une méthode très pratique. Elle connecte chaque élément du tableau actuel avec la cha?ne spécifiée, puis renvoie la cha?ne connectée :

var arr = ['A', 'B', 'C', 1, 2, 3];
arr.join('-'); // 'A-B-C-1-2-3'

Si l'élément de Array n'est pas une cha?ne, il sera automatiquement converti en cha?ne avant la concaténation.

Tableau multidimensionnel

Si un élément du tableau est également un Tableau, un tableau multidimensionnel peut être formé, par exemple :

var arr = [[1, 2, 3], [400, 500, 600], '-'];

Le Array ci-dessus contient 3 éléments, dont les deux premiers sont eux-mêmes des Arrays.