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值”的介绍，大家如果想了解更多相关知识，可以关注一下极悦的Java极悦在线学习，里面的课程内容从入门到精通，细致全面，很适合没有基础的小伙伴学习，希望对大家能够有所帮助。