JavaScript 對(duì)象是由鍵值對(duì)創(chuàng)建的，也不像數(shù)組，我們可以使用循環(huán)來(lái)獲取鍵和值。

因此，JavaScript 提供Object.keys(),Object.values()和Object.entries()來(lái)解決依賴鍵的問(wèn)題;

我們將使用上述所有三種方法從對(duì)象中檢索鍵和值。

以下所有教程都適用于 javascript、React、React Native、Vue、Node、Deno、typescript 和所有 javascript 框架。

JavaScript Object.keys()

JavaScriptObject.keys()將在對(duì)象鍵上返回一個(gè)數(shù)組，您也可以使用它從對(duì)象中檢索。

const object1 = {
  a: 'somestring',
  b: 42,
  c: false
};
console.log(Object.keys(object1));
// expected output: Array ["a", "b", "c"]

獲取數(shù)組的鍵后，您可以在循環(huán)中使用這些鍵，如下例所示。

const object1 = {
  a: 'somestring',
  b: 42,
  c: false
};
for(let key of Object.keys(object1)){
  console.log(key);
}
// expected output: 
// > "a"
// > "b"
// > "c"

JavaScript Object.values()

JavaScriptObject.values()方法將返回一個(gè)對(duì)象值數(shù)組，您可以在獲取值數(shù)組后在循環(huán)中使用。

const object1 = {
  a: 'somestring',
  b: 42,
  c: false
};
console.log(Object.values(object1));
// expected output: Array ["somestring", 42, false]

在數(shù)組中獲取值后，您還可以選擇使用循環(huán)獲取值一一。

const object1 = {
  a: 'somestring',
  b: 42,
  c: false
};
for(let value of Object.values(object1)){
  console.log(value);
}
// expected output: 
// > "somestring"
// > 42
// > false

JavaScript Object.entries()

JavaScriptObject.entries()方法將為對(duì)象中的每個(gè)鍵值對(duì)返回單獨(dú)的數(shù)組。

const object1 = {
  a: 'somestring',
  b: 42
};
console.log(Object.entries(object1));
// expected output:
// Array [Array ["a", "somestring"], Array ["b", 42]]

現(xiàn)在，您可以選擇使用鍵值循環(huán)來(lái)一次獲取鍵和值。

const object1 = {
  a: 'somestring',
  b: 42
};
for (const [key, value] of Object.entries(object1)) { 
  console.log(`${key}: ${value}`);
}
// expected output:
// "a: somestring"
// "b: 42"

以上就是關(guān)于“js獲取json對(duì)象的key值”的介紹，大家如果想了解更多相關(guān)知識(shí)，可以關(guān)注一下動(dòng)力節(jié)點(diǎn)的Java在線學(xué)習(xí)，里面的課程內(nèi)容從入門到精通，細(xì)致全面，很適合沒(méi)有基礎(chǔ)的小伙伴學(xué)習(xí)，希望對(duì)大家能夠有所幫助。