JSON.stringify和parse方法

前端happy

已于 2023-08-09 10:35:42 修改

阅读量167

点赞数

分类专栏： JS(ES6) 文章标签： json 前端 javascript

于 2023-08-09 10:12:51 首次发布

本文链接：https://blog.csdn.net/PoetsSociety/article/details/132181993

版权

JS(ES6) 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

本文介绍了JavaScript中的JSON.stringify用于将对象转换为JSON字符串，以便于本地存储和前后端数据交互。同时，JSON.parse用于解析JSON字符串回原对象。此外，还提到如何通过JSON.stringify进行深拷贝以保护原始数据。

摘要由CSDN通过智能技术生成

JSON.stringify

💡 将某个对象(js)转换成 JSON 字符串形式
JSON.parse

💡 解析JSON字符串为js对象
用途

本地存储

💡 本地存储的时候只能是存储基本数据类型，数组和对象等类型存入的话会是[object,object]，所以存数组或对象类型时，我们就可以想把数组或对象转为JSON字符串形式，就可以了
```
uni.setStorageSync('countdownOrder',JSON.stringify(this.countdownOrder))
```

前后端数据交互

💡 向后端传递参数时，有时数组或对象类型参数，后端接收的是字符串格式，所以我们在向后端传递的时候，可以向用JSON.stringify()转为字符串格式就可以了。

uni.request({
                timeout: 100000,
                url: url,
                data: qs.stringify(data),
                header,
                method: 'POST',
                success(res) {
                    const data = res.data
                    if (data.MSG === 'Unauthenticated') {
                        uni.reLaunch({ url: '/pages/tob/login/tob.login' })
                    } else {
                        resolve(res)
                    }
                }
            })

实现深拷贝

💡 开发中，如果怕影响原数据，我们常深拷贝出一份数据做任意操作JSON.parse(JSON.stringify(obj))我们一般用来深拷贝，其过程就是利用JSON.stringify 将js对象序列化（JSON字符串），再使用JSON.parse来反序列化(还原)js对象
```
let list = JSON.parse(JSON.stringify(this.settlement))//深度拷贝对象
```