json字符串转json取值

在前端开发中，经常会涉及到 JSON 字符串的转换和取值操作。JSON 是一种轻量级的数据交换格式，常用于前后端数据传输或者存储配置信息等。本文将介绍如何将 JSON 字符串转换成 JSON 对象，以及如何从 JSON 对象中获取想要的值。

首先，我们来看如何将 JSON 字符串转换成 JSON 对象。在 JavaScript 中，我们可以使用内置的

JSON.parse()

方法来实现这个操作。示例代码如下：

const jsonStr = '{ "name": "张三","age": 18,"hobbies": ["篮球","音乐"] }';
const jsonObj = JSON.parse(jsonStr);
console.log(jsonObj.name); // 输出 "张三"
console.log(jsonObj.age); // 输出 18
console.log(jsonObj.hobbies[0]); // 输出 "篮球"

在这段代码中，我们首先定义了一个 JSON 字符串

jsonStr

，其中包含了一个名为 name 的属性、一个名为 age 的属性，以及一个名为 hobbies 的数组属性。然后，我们使用

JSON.parse()

方法将这个 JSON 字符串转换成一个 JSON 对象

jsonObj

。最后，我们通过点操作符或者下标操作符来获取 JSON 对象中的属性值。

除了上述的点操作符和下标操作符之外，我们还可以使用

JSON.stringify()

方法将 JSON 对象转换成 JSON 字符串。示例代码如下：

const jsonObj = { "name": "张三","音乐"] };
const jsonStr = JSON.stringify(jsonObj);
console.log(jsonStr); // 输出 '{"name":"张三","age":18,"hobbies":["篮球","音乐"]}'

在这段代码中，我们首先定义了一个 JSON 对象

jsonObj

，其中包含了一个名为 name 的属性、一个名为 age 的属性，以及一个名为 hobbies 的数组属性。然后，我们使用

JSON.stringify()

方法将这个 JSON 对象转换成一个 JSON 字符串

jsonStr

。最后，我们通过打印

jsonStr

的值，来确认转换操作是否成功。

最后，我们来看如何从 JSON 对象中获取想要的值。在 JavaScript 中，我们可以使用点操作符或者下标操作符来获取 JSON 对象中的值。示例代码如下：

const jsonObj = { "name": "张三","音乐"] };
const name = jsonObj.name; // 使用点操作符，获取 name 属性的值
const age = jsonObj["age"]; // 使用下标操作符，获取 age 属性的值
const hobby = jsonObj.hobbies[0]; // 获取 hobbies 数组属性的第一个元素
console.log(name); // 输出 "张三"
console.log(age); // 输出 18
console.log(hobby); // 输出 "篮球"

在这段代码中，我们首先定义了一个 JSON 对象

jsonObj

，其中包含了一个名为 name 的属性、一个名为 age 的属性，以及一个名为 hobbies 的数组属性。然后，我们通过点操作符或者下标操作符来获取 JSON 对象中的属性值，并将它们分别赋值给变量

name

、

age

和

hobby

。最后，我们通过打印这些变量的值，来确认获取操作是否成功。