Comment convertir un objet de type tableau en tableau en javascript

En JavaScript, un objet de type tableau est tout objet doté de touches numériques et d'une propriété de longueur. Par exemple, l'objet NodeList dans le DOM et l'objet arguments dans la fonction sont des objets de type tableau. Dans certains cas, nous devons convertir des objets de type tableau en tableaux réels pour manipuler plus facilement les données. Cet article présentera trois méthodes pour convertir des objets de type tableau en tableaux.

Méthode 1 : La méthode slice du tableau

La première méthode consiste à utiliser la méthode slice() du tableau, qui peut copier une section d'éléments de l'index de début à l'index de fin dans un nouveau tableau. Nous pouvons appliquer la méthode slice() aux objets de type tableau en utilisant call() ou apply().

Par exemple, nous pouvons utiliser le code suivant pour convertir un objet NodeList en tableau :

const nodeList = document.querySelectorAll('li');
const array = Array.prototype.slice.call(nodeList);

Dans cet exemple, nous utilisons d'abord la méthode querySelectorAll() pour obtenir l'objet NodeList de l'élément li. Ensuite, nous convertissons l'objet NodeList en tableau à l'aide de la méthode Array.prototype.slice.call().

Méthode 2 : utilisez Array.from()

La deuxième méthode consiste à utiliser la méthode Array.from(). Cette méthode convertit un objet de type tableau ou un objet itérable en un véritable tableau. Le premier paramètre de la méthode Array.from() est l'objet à convertir et le deuxième paramètre est une fonction de mappage facultative qui sera appliquée à chaque élément.

Par exemple, nous pouvons utiliser le code suivant pour convertir un objet NodeList en tableau :

const nodeList = document.querySelectorAll('li');
const array = Array.from(nodeList);

Dans cet exemple, nous utilisons d'abord la méthode querySelectorAll() pour obtenir l'objet NodeList de l'élément li. Ensuite, nous convertissons l'objet NodeList en tableau à l'aide de la méthode Array.from().

Méthode 3 : Utiliser l'opérateur spread

La troisième méthode consiste à utiliser l'opérateur spread…. Cet opérateur développe un objet itérable en une série d'arguments. Nous pouvons l'appliquer à un tableau vide, puis insérer l'objet de type tableau dans ce tableau.

Par exemple, nous pouvons utiliser le code suivant pour convertir un objet NodeList en tableau :

const nodeList = document.querySelectorAll('li');
const array = [...nodeList];

Dans cet exemple, nous utilisons d'abord la méthode querySelectorAll() pour obtenir l'objet NodeList de l'élément li. Nous utilisons ensuite l'opérateur spread pour convertir l'objet NodeList en tableau.

Résumé

Les trois méthodes ci-dessus peuvent convertir des objets de type tableau en tableaux réels. Lorsque vous choisissez une méthode, vous devez prendre en compte la lisibilité et les performances du code. Si vous devez convertir de grandes quantités de données, utilisez une méthode plus performante. Si la lisibilité est plus importante, utilisez une méthode plus lisible.

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!