Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Menukar Objek JavaScript kepada Tatasusunan Pasangan Nilai Kunci?

Bagaimanakah Saya Boleh Menukar Objek JavaScript kepada Tatasusunan Pasangan Nilai Kunci?

DDD
Lepaskan: 2024-12-10 00:59:10
asal
654 orang telah melayarinya

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

Mentransformasikan Objek kepada Tatasusunan Pasangan Nilai-Kekunci dalam JavaScript

Dalam dunia JavaScript, menukar objek kepada tatasusunan pasangan nilai-kunci ialah tugas biasa. Katakan anda mempunyai objek seperti ini:

{
  "1": 5,
  "2": 7,
  "3": 0,
  "4": 0,
  "5": 0,
  "6": 0,
  "7": 0,
  "8": 0,
  "9": 0,
  "10": 0,
  "11": 0,
  "12": 0
}
Salin selepas log masuk

Dan anda mahu mengubahnya menjadi tatasusunan seperti ini:

[
  [1, 5],
  [2, 7],
  [3, 0],
  [4, 0],
  ...
]
Salin selepas log masuk

Berikut ialah cara untuk mencapai penukaran ini menggunakan fungsi terbina dalam 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]]);
Salin selepas log masuk

Dalam penyelesaian ini, kami mula-mula menggunakan kaedah Object.keys() untuk mendapatkan tatasusunan kunci objek (["1", "2", "3", ...]). Kemudian, kami menggunakan kaedah map() untuk mencipta tatasusunan baharu. Fungsi map() mengambil setiap kunci sebagai parameter, membungkusnya dalam tatasusunan ([kunci]), dan menambahkan nilai yang sepadan daripada objek asal (obj[key]), menghasilkan tatasusunan pasangan nilai kunci ([ ["1", 5], ["2", 7], ["3", 0], ...]).

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menukar Objek JavaScript kepada Tatasusunan Pasangan Nilai Kunci?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan