Convertir un objet en tableau en JavaScript

Harshit Jindal 12 octobre 2023
  1. Utilisez Object.keys() et map() pour convertir un objet en tableau en JavaScript
  2. Utilisez Object.entries() pour convertir un objet en tableau en JavaScript
Convertir un objet en tableau en JavaScript

Les objets sont des types de données non primitifs formant les blocs de construction du JavaScript moderne. Contrairement aux types de données primitifs qui sont singuliers, les objets peuvent constituer plusieurs types de données primitifs de façon complexe.

Un tableau est une variable unique utilisée pour stocker une liste d’éléments. Ce tutoriel explique comment convertir un objet en un tableau de paires clé-valeur en JavaScript.

Utilisez Object.keys() et map() pour convertir un objet en tableau en JavaScript

La méthode Object.keys() permet de récupérer toutes les propriétés énumérables d’un objet dans un tableau de chaînes. Il prend l’objet obj comme argument, et nous pouvons ajouter une fonction de rappel pour obtenir le résultat souhaité.

Pour convertir un objet en tableau, nous appelons d’abord la méthode Object.keys() sur l’objet, puis nous appelons la fonction map() sur sa sortie pour mapper la clé et la valeur de l’objet dans le tableau correspondant. Il contiendra les propriétés dans le même ordre que l’objet.

var obj = {'2': 3, '1': 37, '23': 40, '41': 220, '115': 230};
var arr = Object.keys(obj).map(function(key) {
  return [Number(key), obj[key]];
});
console.log(arr);

Production :

[[1, 37], [2, 3], [23, 40], [41, 220], [115, 230]]

Utilisez Object.entries() pour convertir un objet en tableau en JavaScript

La méthode Object.entries() fonctionne de manière similaire à la méthode Object.keys(), et vous pouvez également l’utiliser pour convertir un objet en un tableau. Mais il n’a renvoyé que les clés, et nous avons dû utiliser la fonction map() pour recréer les propriétés de l’objet énumérable dans le tableau.

Object.entries() simplifie la tâche en renvoyant directement la réponse dans un tableau. Comme Object.keys(), les propriétés sont renvoyées dans le même ordre que l’objet.

var obj = {'2': 3, '1': 37, '23': 40, '41': 220, '115': 230};
var arr = Object.entries(obj);
console.log(arr);

Production :

[
  [ '1', 37 ],
  [ '2', 3 ],
  [ '23', 40 ],
  [ '41', 220 ],
  [ '115', 230 ]
]
Harshit Jindal avatar Harshit Jindal avatar

Harshit Jindal has done his Bachelors in Computer Science Engineering(2021) from DTU. He has always been a problem solver and now turned that into his profession. Currently working at M365 Cloud Security team(Torus) on Cloud Security Services and Datacenter Buildout Automation.

LinkedIn

Article connexe - JavaScript Object

Article connexe - JavaScript Array