JSON字符串转换成对象

序:

在数据传输过程中,json是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换,是前后端分离中,不可避免的工作内容。

例如:

// JSON字符串:
const str = '{ "name": "xiaolongxia", "sex": "man" }'; 

// JSON对象:
const obj = { "name": "xiaolongxia", "sex": "man" };

一、JSON字符串转换为JSON对象

要使用上面的str,必须使用下面的方法先转化为JSON对象:

// 由JSON字符串转换为JSON对象
const obj1 = eval('(' + str + ')');
或者
const obj1 = str.parseJSON(); 
或者
const obj1 = JSON.parse(str); 

console.log(obj1.name); // xiaolongxia
console.log(obj1.sex); // man

注意: 如果obj1本来就是一个JSON对象,那么使用eval()函数转换后(哪怕是多次转换)还是JSON对象,但是使用parseJSON()函数处理后会有问题*(抛出语法异常)*。

二、JSON对象转化为JSON字符串。

例如:

// 将JSON对象转化为JSON字符
let str1 = obj.toJSONString();
或者
let str1 = JSON.stringify(obj);

console.log(str1); 
// {"name":"xiaolongxia","sex":"man"}

注意: 上 面的几个方法中,除了eval()函数是js自带的之外,其他的几个方法都来自json.js包。新版本的 JSON 修改了 API,将 JSON.stringify() 和 JSON.parse() 两个方法都注入到了 Javascript 的内建对象里面,前者变成了 Object.toJSONString(),而后者变成了 String.parseJSON()。如果提示找不到toJSONString()和parseJSON()方法,则说明您的json包版本太低。

更多查看:JSON官网

JavaScript 中,将 JSON 字符串解析为 JavaScript 对象是一个常见的操作,特别是在处理从服务器接收到的数据时。JSONJavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。 要将 JSON 字符串转换JavaScript 对象,可以使用内置的 `JSON.parse()` 方法。这个方法接受一个 JSON 字符串作为输入,并返回一个对应的 JavaScript 值(可以是对象、数组、字符串、数字等)。 以下是一个基本的示例,演示如何将 JSON 字符串转换JavaScript 对象: ```javascript // JSON 字符串 let jsonString = '{"name":"xiaolongxia","sex":"man"}'; // 将 JSON 字符串转换JavaScript 对象 let obj = JSON.parse(jsonString); // 输出对象的属性 console.log(obj.name); // xiaolongxia console.log(obj.sex); // man ``` 在这个例子中,`jsonString` 是一个表示人的信息的 JSON 字符串。通过调用 `JSON.parse()`,我们将其转换成了一个 JavaScript 对象 `obj`,然后可以通过标准的对象属性访问语法来获取数据。 如果 JSON 字符串格式不正确,`JSON.parse()` 会抛出错误。因此,在实际应用中,通常建议使用 try-catch 结构来处理可能发生的异常: ```javascript try { let obj = JSON.parse(jsonString); console.log(obj); } catch (error) { console.error('解析 JSON 时发生错误:', error); } ``` 这样的做法可以确保程序在遇到无效的 JSON 数据时不会崩溃,而是能够优雅地处理这些情况。 此外,如果你正在处理的是从网络请求中获取的数据,那么你可能会自动接收到已经解析好的 JSON 对象,这取决于你使用的网络库及其配置。例如,在使用 Fetch API 时,可以通过 `.json()` 方法直接获得解析后的对象。 ```javascript fetch('https://api.example.com/data') .then(response => response.json()) .then(data => console.log(data)) .catch(error => console.error('请求失败:', error)); ``` 这段代码展示了如何使用 Fetch API 获取远程数据,并自动将其从响应流中的 JSON 字符串解析为 JavaScript 对象。 总之,`JSON.parse()` 是 JavaScript 中用于将 JSON 字符串转换对象的核心方法,它简单且高效,适用于大多数需要解析 JSON 的场景。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值