La structure de données JavaScript du tableau

Les tableaux sont la structure de données la plus fondamentale de tout langage de programmation.

Les tableaux sont disponibles dans la plupart (sinon tous) des langages de programmation, intégrés au langage.

Parlons de ce que les tableaux représentent dans la plupart des langages de programmation de niveau inférieur, comme C: ils représentent un ensemble de cellules contiguës dans la mémoire de l'ordinateur.

À partir d'une cellule de la mémoire (cela permet de visualiser les cellules comme dans une feuille de calcul si vous le souhaitez), nous pouvons créer un tableau avec 10 emplacements en obtenant 10 emplacements contigus.

Cela nous permet d'effectuer des opérations telles que l'accès au slot # 2 en connaissant l'adresse mémoire du premier slot, # 0, et en ajoutant simplement2pour que.

En JavaScript, nous travaillons à un niveau supérieur et les tableaux fonctionnent différemment. Nous n'avons pas accès à la mémoire comme nous pouvons le faire avec C ou d'autres langages de niveau inférieur, nous sommes donc abstraits de ce type de calcul matriciel.

Les tableaux dans les langages de niveau inférieur ne peuvent stocker qu'un seul type de données spécifique, nous pouvons donc calculer la quantité de mémoire qu'un tableau prendra à l'avance, afin de pouvoir le stocker en toute sécurité dans un endroit de la mémoire de l'ordinateur qui peut l'héberger.

En JavaScript, les tableaux peuvent héberger tout type de données, en les mélangeant. On peut avoir un nombre, puis un objet, puis un autre tableau.

Un tableau est initialisé à l'aide de cette syntaxe:

const myArray = []

ou

const myArray = new Array()

il n'y a pas de différence, mais je préfère la syntaxe abrégée[].

En JavaScript, nous ne sommes pas obligés de spécifier la taille du tableau au moment de la création, mais nouspeutfais le:

const myArray = new Array(10)

Ensuite, nous pouvons remplir le tableau avec des valeurs:

let val = 1
for (const [i, v] of myArray.entries()) {
  myArray[i] = val++
}

Vous pouvez référencer le premier élément du tableau en utilisant:

myArray[0]

(l'index commence à partir de0) et chaque élément suivant du tableau en incrémentant le numéro d'index:

myArray[4] //5
myArray[3 + 4] //8

Vous pouvez modifier la valeur de l'élément à n'importe quelle position en utilisant la syntaxe:

myArray[3] = 'Another item'

Les tableaux en JavaScript sont des objets en interne, et ils ont donc des méthodes. Vous pouvez ajouter un élément à la fin du tableau en utilisant lepushméthode:

myArray.push(11)

Vous pouvez ajouter un élément à n'importe quelle position en utilisant lesplice()méthode (à ne pas confondre avecslice()).

Au début:

myArray.splice(0, 0, 'new item')

À l'indice 3:

myArray.splice(3, 0, 'new item')

Vous pouvez supprimer un élément de la fin du tableau en utilisant

myArray.pop()

et depuis le début en utilisant

myArray.shift()

On peut trouver la longueur d'un tableau en vérifiant lemyArray.lengthbiens.

Et nous pouvons parcourir les éléments d'un tableau en utilisant des boucles:

for (let i = 0; i < myArray.length; i++) {
  console.log(myArray[i]) //value
  console.log(i) //index
}
myArray.forEach((item, index) => {
  console.log(item) //value
  console.log(index) //index
}
let i = 0
while (i < myArray.length) {
  console.log(myArray[i]) //value
  console.log(i) //index
  i = i + 1
}
//iterate over the value
for (const value of myArray) {
  console.log(value) //value
}

//get the index as well, using entries() for (const [index, value] of myArray.entries()) { console.log(index) //index console.log(value) //value }

Téléchargez mon gratuitManuel du débutant JavaScript


Plus de tutoriels js: