Une introduction aux tableaux JavaScript

Une introduction en douceur aux tableaux, un élément clé de JavaScript

Un tableau est une collection d'éléments.

Les tableaux en JavaScript ne sont pastaperpar eux-même.

Les tableaux sontobjets.

Nous pouvons initialiser un tableau vide de ces 2 manières différentes:

const a = []
const a = Array()

Le premier utilise lesyntaxe littérale de tableau. Le second utilise la fonction intégrée Array.

Vous pouvez pré-remplir le tableau en utilisant cette syntaxe:

const a = [1, 2, 3]
const a = Array.of(1, 2, 3)

Un tableau peut contenir n'importe quelle valeur, même des valeurs de types différents:

const a = [1, 'Flavio', ['a', 'b']]

Puisque nous pouvons ajouter un tableau dans un tableau, nous pouvons créer des tableaux multidimensionnels, qui ont des applications très utiles (par exemple une matrice):

const matrix = [
  [1, 2, 3],
  [4, 5, 6],
  [7, 8, 9]
]

matrix[0][0] //1 matrix[2][0] //7

Vous pouvez accéder à n'importe quel élément du tableau en référençant son index, qui commence à zéro:

a[0] //1
a[1] //2
a[2] //3

Vous pouvez initialiser un nouveau tableau avec un ensemble de valeurs à l'aide de cette syntaxe, qui initialise d'abord un tableau de 12 éléments et remplit chaque élément avec le0numéro:

Array(12).fill(0)

Vous pouvez obtenir le nombre d'éléments dans le tableau en vérifiant salengthbiens:

const a = [1, 2, 3]
a.length //3

Notez que vous pouvez définir la longueur du tableau. Si vous attribuez un nombre supérieur à la capacité actuelle des baies, rien ne se passe. Si vous attribuez un nombre plus petit, le réseau est coupé à cette position:

const a = [1, 2, 3]
a //[ 1, 2, 3 ]
a.length = 2
a //[ 1, 2 ]

Comment ajouter un élément à un tableau

On peut ajouter un élément à la fin d'un tableau en utilisant lepush()méthode:

a.push(4)

On peut ajouter un élément au début d'un tableau en utilisant leunshift()méthode:

a.unshift(0)
a.unshift(-2, -1)

Comment supprimer un élément d'un tableau

Nous pouvons supprimer un élément de la fin d'un tableau en utilisant lepop()méthode:

a.pop()

Nous pouvons supprimer un élément du début d'un tableau en utilisant leshift()méthode:

a.shift()

Comment joindre deux baies ou plus

Vous pouvez joindre plusieurs baies en utilisantconcat():

const a = [1, 2]
const b = [3, 4]
const c = a.concat(b) //[1,2,3,4]
a //[1,2]
b //[3,4]

Vous pouvez également utiliser lese propageropérateur (...) de cette façon:

const a = [1, 2]
const b = [3, 4]
const c = [...a, ...b]
c //[1,2,3,4]

Comment trouver un élément spécifique dans le tableau

Vous pouvez utiliser lefind()méthode d'un tableau:

a.find((element, index, array) => {
  //return true or false
})

Renvoie le premier élément qui renvoie vrai. Renvoie undefined si l'élément n'est pas trouvé.

Une syntaxe couramment utilisée est:

a.find(x => x.id === my_id)

La ligne ci-dessus renverra le premier élément du tableau qui aid === my_id.

findIndex()fonctionne de la même manière quefind(), mais renvoie l'index du premier élément qui renvoie true, et s'il n'est pas trouvé, il retourne-1:

a.findIndex((element, index, array) => {
  //return true or false
})

Une autre méthode estincludes():

a.includes(value)

Renvoie vrai siacontientvalue.

a.includes(value, i)

Renvoie vrai siacontientvalueaprès le postei.

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


Plus de tutoriels js: