json字符串 值获取

在前端开发中，我们常常使用JSON（Javascript Object Notation）来存储和传递数据。JSON字符串是一种轻量级的数据交换格式，易于阅读和编写。JSON由键值对组成，其中键是字符串，值可以是字符串、数字、布尔型、数组、对象等数据类型。在使用JSON字符串时，我们经常需要通过键名获取对应的值。

{
  "name": "小明","age": 18,"isstudent": true,"hobbies": ["唱歌","跳舞","打篮球"],"address": {
    "city": "北京","street": "朝阳区"
  }
}

上面是一个简单的JSON字符串，其中包括了名字、年龄、是否为学生、兴趣爱好和家庭住址。我们可以通过以下代码获取对应的值：

var data = '{"name": "小明","address": {"city": "北京","street": "朝阳区"}}';
var obj = JSON.parse(data);
console.log(obj.name); //"小明"
console.log(obj.age); //18
console.log(obj.isstudent); //true
console.log(obj.hobbies[0]); //"唱歌"
console.log(obj.hobbies[1]); //"跳舞"
console.log(obj.hobbies[2]); //"打篮球"
console.log(obj.address.city); //"北京"
console.log(obj.address.street); //"朝阳区"

通过JSON.parse()方法将JSON字符串转换为对象，然后就可以通过点号或中括号加键名的方式获取对应的值。需要注意的是，如果要获取数组或对象中的值，需要使用对应的语法。

除了点号和中括号，我们还可以使用ES6中的解构赋值获取JSON中的值：

var data = '{"name": "小明","street": "朝阳区"}}';
var {name,age,isstudent,hobbies,address} = JSON.parse(data);
console.log(name); //"小明"
console.log(age); //18
console.log(isstudent); //true
console.log(hobbies[0]); //"唱歌"
console.log(hobbies[1]); //"跳舞"
console.log(hobbies[2]); //"打篮球"
console.log(address.city); //"北京"
console.log(address.street); //"朝阳区"

使用解构赋值的方式可以更加简洁地获取JSON中的值。