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
654 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!

source:php.cn
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