JavaScript 對象是由鍵值對創建的，也不像數組，我們可以使用循環來獲取鍵和值。

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

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

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

JavaScript Object.keys()

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

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

獲取數組的鍵后，您可以在循環中使用這些鍵，如下例所示。

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()方法將返回一個對象值數組，您可以在獲取值數組后在循環中使用。

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

在數組中獲取值后，您還可以選擇使用循環獲取值一一。

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()方法將為對象中的每個鍵值對返回單獨的數組。

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

現在，您可以選擇使用鍵值循環來一次獲取鍵和值。

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

以上就是關于“js獲取json對象的key值”的介紹，大家如果想了解更多相關知識，可以關注一下動力節點的Java在線學習，里面的課程內容從入門到精通，細致全面，很適合沒有基礎的小伙伴學習，希望對大家能夠有所幫助。