Maison > interface Web > js tutoriel > Comment puis-je convertir un objet JavaScript en un tableau de paires clé-valeur ?

Comment puis-je convertir un objet JavaScript en un tableau de paires clé-valeur ?

DDD
Libérer: 2024-12-10 00:59:10
original
742 Les gens l'ont consulté

How Can I Convert a JavaScript Object into an Array of Key-Value Pairs?

Transformation d'objets en tableaux de paires clé-valeur en JavaScript

Dans le monde de JavaScript, la conversion d'objets en tableaux de paires clé-valeur est une tâche courante. Supposons que vous ayez un objet comme celui-ci :

{
  "1": 5,
  "2": 7,
  "3": 0,
  "4": 0,
  "5": 0,
  "6": 0,
  "7": 0,
  "8": 0,
  "9": 0,
  "10": 0,
  "11": 0,
  "12": 0
}
Copier après la connexion

Et que vous souhaitiez le transformer en un tableau comme celui-ci :

[
  [1, 5],
  [2, 7],
  [3, 0],
  [4, 0],
  ...
]
Copier après la connexion

Voici comment réaliser cette conversion à l'aide des fonctions intégrées de JavaScript :

var obj = {
  "1": 5,
  "2": 7,
  "3": 0,
  "4": 0,
  "5": 0,
  "6": 0,
  "7": 0,
  "8": 0,
  "9": 0,
  "10": 0,
  "11": 0,
  "12": 0
};

var result = Object.keys(obj).map((key) => [key, obj[key]]);
Copier après la connexion

Dans cette solution, nous utilisons d'abord la méthode Object.keys() pour obtenir un tableau des clés de l'objet (["1", "2", "3", ...]). Ensuite, nous utilisons la méthode map() pour créer un nouveau tableau. La fonction map() prend chaque clé comme paramètre, l'enveloppe dans un tableau ([key]) et ajoute la valeur correspondante de l'objet d'origine (obj[key]), ce qui donne un tableau de paires clé-valeur ([ ["1", 5], ["2", 7], ["3", 0], ...]).

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!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal