js如何獲取json對象的key值

本篇內容主要講解“js如何獲取json對象的key值”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“js如何獲取json對象的key值”吧!

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值”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！