Explication détaillée des connaissances pertinentes sur les tableaux en JavaScript_JavaScript

Créer un tableau

La déclaration des tableaux en js peut se faire des manières suivantes :

var arr = [];  // 简写模式
var arr = new Array(); // new一个array对象
var arr = new Array(arrayLength); // new一个确定长度的array对象

Il est à noter :

• Bien que la troisième méthode déclare la longueur du tableau, la longueur réelle du tableau est variable. En d’autres termes, même si la longueur spécifiée est de 5, les éléments peuvent toujours être stockés en dehors de la longueur spécifiée et la longueur du tableau changera également en conséquence.
• De plus, une chose doit être précisée :
• js est un langage faiblement typé, c'est-à-dire que les types d'éléments dans le tableau n'ont pas besoin d'être les mêmes.

Donnez un exemple de types d'éléments incohérents dans un tableau :

var arr = [1, 2, 3, 4, 'wangzhengyi', 'bululu'];

for (var i = 0; i < arr.length; i ++) {
  console.log(arr[i]);
}

Accès aux éléments du tableau

La valeur d'index du tableau JavaScript commence également à 0. Nous pouvons accéder aux éléments du tableau directement via l'indice du nom du tableau.

L'exemple de code est le suivant :

var arr = [1, 2, 3];
console.log(arr[0]);
console.log(arr[1]);

De plus, il est recommandé d'utiliser le mode de boucle for continue pour le parcours de tableau, et for-in n'est pas recommandé Pour des raisons spécifiques, veuillez vous référer à : Boucle à travers un tableau en JavaScript

.

L'exemple de code pour parcourir un tableau est le suivant :

var arr = [1, 2, 3, 4, 'wangzhengyi', 'bululu'];

for (var i = 0, len = arr.length; i < len; i ++) {
  console.log(arr[i]);
}

Remarque :

Dans le code ci-dessus, une petite optimisation consiste à obtenir la taille du tableau à l'avance, de sorte qu'il n'est pas nécessaire d'interroger la taille du tableau à chaque fois qu'il est parcouru. Pour les très grands réseaux, cela peut améliorer certaines efficacités.

Ajouter un élément de tableau

Il existe trois méthodes pour ajouter de nouveaux éléments à un tableau, à savoir : push, unshift et splice. Ci-dessous, je présenterai respectivement ces trois méthodes.
pousser

La méthode push ajoute des éléments à la fin du tableau. L'exemple de code est le suivant :

var arr = [];
arr.push(1);
arr.push(2);
arr.push(3);


for (var i = 0, len = arr.length; i < len; i ++) {
  console.log(arr[i]);
}

Le résultat de l'exécution est :

1
2
3

unshift

La méthode unshift ajoute des éléments en tête du tableau. L'exemple de code est le suivant :

var arr = [];
arr.unshift(1);
arr.unshift(2);
arr.unshift(3);


for (var i = 0, len = arr.length; i < len; i ++) {
  console.log(arr[i]);
}

Les résultats d'exécution sont les suivants :

3
2
1

épissure

La méthode splice insère un nouvel élément à une position spécifiée dans le tableau et les éléments précédents sont automatiquement reculés séquentiellement. Notez que le prototype de la fonction splice est :

array.splice(index, howMany, element...)

howMany indique le nombre d'éléments à supprimer. Si vous ajoutez simplement des éléments, howMany doit être défini sur 0 à ce moment.

L'exemple de code est le suivant :

var arr = [1, 2, 3, 4];

arr.splice(1, 0, 7, 8, 9);

for (var i = 0, len = arr.length; i < len; i ++) {
  console.log(arr[i]);
}

Les résultats d'exécution sont les suivants :

1
7
8
9
2
3
4

Supprimer les éléments du tableau

Semblable à l'ajout d'éléments à un tableau, il existe trois méthodes pour supprimer des éléments dans un tableau : pop, shift et splice. Ensuite, nous expliquerons respectivement l’utilisation de ces trois fonctions.
pop

La méthode pop supprime le dernier élément du tableau. La combinaison de push et pop peut réaliser la fonction d'un tableau similaire à une pile (premier entré, dernier sorti). L'exemple de code est le suivant :

var arr = [];
arr.push(1);
arr.push(2);
arr.push(3);

while (arr.length != 0) {
  var ele = arr.pop();
  console.log(ele);
}

changement

La méthode shift supprime le premier élément et les éléments du tableau sont automatiquement avancés. (Cette méthode correspond définitivement à des problèmes d'efficacité, et la complexité temporelle est O(n)).

var arr = [];
arr.push(1);
arr.push(2);
arr.push(3);

function traverseArray(arr) {
  for (var i = 0, len = arr.length; i < len; i ++) {
    console.log(arr[i]);
  }
}

while (arr.length != 0) {
  var ele = arr.shift();
  traverseArray(arr);
}

Chacun peut considérer les résultats par lui-même.
épissure

Lors de l'ajout d'éléments de tableau, nous avons parlé de splice. Il y a un paramètre howMany dans ce prototype de fonction, qui représente le nombre d'éléments supprimés à partir de l'index.
L'exemple de code est le suivant :

var arr = [1, 2, 3, 4, 5, 6, 7];

function traverseArray(arr) {
  for (var i = 0, len = arr.length; i < len; i ++) {
    console.log(arr[i]);
  }
}

arr.splice(1, 3);
traverseArray(arr);

Le résultat de l'exécution est :

1
5
7

Copie et interception de tableaux

Par exemple, le code est le suivant :

var arr1 = [1, 2, 3, 4];
var arr2 = arr1;

À l'heure actuelle, arr2 enregistre uniquement l'adresse du tableau arr1 dans la mémoire du tas et ne réapplique pas la mémoire dans la mémoire du tas pour créer un tableau. Les modifications apportées à arr2 affecteront donc arr1 en même temps. Alors, que se passe-t-il si nous devons copier un tableau ? Cela conduit aux fonctions slice et concat qui doivent être apprises.
tranche

La tranche ici est la même que la tranche dans la syntaxe python, les deux renvoient des tranches de tableaux. Le prototype de la fonction slice est :

array.slice(begin, end)

Renvoie tous les éléments du début à la fin. Notez que le début est inclus mais la fin n'est pas incluse.
Le début par défaut commence à 0 par défaut. La fin par défaut est la fin du tableau.

Par conséquent, nous pouvons copier le tableau via le code suivant :

var arr1 = [1, 2, 3, 4];
var arr2 = arr1.slice();
arr2[2] = 10000
function traverseArray(arr) {
  for (var i = 0, len = arr.length; i < len; i ++) {
    console.log(arr[i]);
  }
}

traverseArray(arr1);
traverseArray(arr2);

Les résultats d'exécution sont les suivants :

1
2
3
4
1
2
10000
4

concaté

La méthode concat créera un nouveau tableau, puis placera les éléments dans l'objet qui l'appelle (l'objet pointé par celui-ci) et les éléments dans les paramètres de type tableau de tous les paramètres et les paramètres de type non-tableau eux-mêmes dans cet ordre Nouveau tableau et renvoie le tableau.

L'exemple de code est le suivant :

var alpha = ["a", "b", "c"];
var number = [1, 2, 3]

// 新数组为["a", "b", "c", 1, 2, 3]
var complex = alpha.concat(number);