从多个方面了解JS获取JSON的Value

一、JS获取JSON的Value值

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，而在开发中常常需要用到解析JSON数据并获取其中的值，那么如何获取JSON的value值呢？

首先，通过JSON.parse()方法可以将JSON字符串转换为JSON格式的对象，再通过”.”或”[]”访问对象中的属性值，从而获取JSON的value值。

  
    const jsonString = '{"name": "John", "age": 30, "city": "New York"}';
    const jsonObject = JSON.parse(jsonString);
    const name = jsonObject.name; // "John"
    const age = jsonObject.age; // 30
  

二、JS获取JSON的Key和Value

除了获取JSON的value值，有时也需要同时获取JSON的key和value值。

遍历JSON对象可以实现获取JSON的所有key和value值，在for…in循环中，key表示对象的属性名，而value表示属性值。

  
    const jsonObject = {"name": "John", "age": 30, "city": "New York"};
    for (let key in jsonObject) {
      console.log(key + ": " + jsonObject[key]);
    }
    // "name: John"
    // "age: 30"
    // "city: New York"
  

三、JS获取JSON的Value的长度

有时需要获取JSON的value值的长度，可以通过字符串的length属性获取值的长度。

  
    const jsonString = '{"name": "John", "age": 30, "city": "New York"}';
    const jsonObject = JSON.parse(jsonString);
    const nameLength = jsonObject.name.length; // 4
  

四、JS获取JSON的长度

获取JSON对象的长度（键值对的数量）可以通过Object.keys()方法获取对象的所有键（key），再通过数组的length属性获取数组的长度。

  
    const jsonObject = {"name": "John", "age": 30, "city": "New York"};
    const length = Object.keys(jsonObject).length; // 3
  

五、JS获取JSON的Key

同样，遍历JSON对象可以获取JSON的所有key，和获取key和value类似，在for…in循环中，key表示对象的属性名。

  
    const jsonObject = {"name": "John", "age": 30, "city": "New York"};
    for (let key in jsonObject) {
      console.log(key);
    }
    // "name"
    // "age"
    // "city"
  

六、JS获取JSON的值

获取JSON中的某个值可以通过”.”或”[]”访问对象中的属性值，如果想要获取数组中的值可以通过索引值。

  
    const jsonObject = {"name": "John", "age": 30, "city": "New York"};
    const name = jsonObject.name; // "John"
    const age = jsonObject["age"]; // 30
    const array = [1, 2, 3];
    const firstNumber = array[0]; // 1
  

七、JS获取JSON的内容

获取JSON对象的所有内容可以通过JSON.stringify()方法将JSON对象转换为JSON字符串，也可以使用console.dir()方法在控制台中查看JSON对象。

  
    const jsonObject = {"name": "John", "age": 30, "city": "New York"};
    const jsonString = JSON.stringify(jsonObject);
    console.dir(jsonObject);
  

八、JS获取JSON的某个内容

如果JSON对象嵌套较深，需要获取某个子属性的值，可以使用”.”或”[]”深度访问。

  
    const jsonObject = {"name": {"first": "John", "last": "Doe"}, "age": 30, "city": "New York"};
    const firstName = jsonObject.name.first; // "John"
    const lastName = jsonObject["name"]["last"]; // "Doe"