【May Be DNK】JSON.parse() and JSON.stringify()的两个实用技巧

结论

一、数据深拷贝

使用方法：JSON.parse(JSON.stringify(param))

let o = {a: 1, b: 2}
let o1 = JSON.parse(JSON.stringify(o))
let o2 = o

console.log(o === o2) // true
console.log(o === o1) // false

二、数据过滤

对一个对象中的数据进行处理，譬如过滤掉对象中值为null/undefined的键，我们通常会用Object.keys()逐个遍历key。

现在，我们可以这样做：

let o = {
    a: 1,
    b: null,
    c: 'hello'
}

let replacer = (k, v) => {if (v) return v})

let s = JSON.stringify(o, replacer)
let res = JSON.parse(s)

> res
< {a: 1, c: "hello"}

// 或者
s = JSON.stringify(o)
res = JSON.parse(s, replacer)

> res
< {a: 1, c: "hello"}

详细介绍

JSON，全称是JavaScript Object Notation（JavaScript 对象表示法），是一种轻量、可读性高的数据结构。

和XML类似，它主要用于服务器和web应用之间的数据传输。

键值对(Keys and Values)

构成JSON的两个重要部分是键和值。它们一起组成一个键值对：

Key：一个键通常被一对双引号包裹住。

Value： 有效值是string, number, array, object, null, false, true中的一种（无undefined）。

Key/Value Pair：键值对遵循特定的语法，行如key: value，键值对以逗号分隔。

JavaScript 中的JSON对象有两个方法：parse、stringify，用来处理JSON格式的数据。

1.JSON.stringify(value[, replacer[, space]])

JSON.stringify() 将一个 JavaScript 对象转化成一个 JSON 字符串。

stringify 函数有两个可选参数：replacer and space.

// converting a simple javascript object to JSON object
let my_details =  {
    "name"  : "John",
    "age "  : "31" ,
    "photo" : "