专注Java教育14年 全国咨询/投诉热线:400-8080-105
动力节点LOGO图
始于2009,口口相传的Java黄埔军校
首页 hot资讯 js获取json对象的key值

js获取json对象的key值

更新时间:2022-06-14 10:17:53 来源:动力节点 浏览4676次

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在线学习,里面的课程内容从入门到精通,细致全面,很适合没有基础的小伙伴学习,希望对大家能够有所帮助。

提交申请后,顾问老师会电话与您沟通安排学习

免费课程推荐 >>
技术文档推荐 >>