前端 JS 经典：JSON 对象

 1. 概念

JSON 只是一种数据格式，JSON 对象中的 key 必须用双引号包裹，如下：

{
  "name": "yqcoder"
}

2. 对象字面量转 JSON 字符串对象

let yqcoder = {
  name: "yqcoder",
};
JSON.stringify(yqcoder); // '{"name":"yqcoder"}'

// 两次 JSON.stringify 加 \
let _yqcoder = {
  name: "yqcoder",
  _name: '{"name":"yqcoder"}',
};
JSON.stringify(_yqcoder); // '{"name":"yqcoder","_name":"{\"name\":\"yqcoder\"}"}'

// 三次 JSON.stringify 加 \\\
let __yqcoder = {
  name: "yqcoder",
  _name: '{"name":"yqcoder"}',
  __name: '{"name":"yqcoder","_name":"{\"name\":\"yqcoder\"}"}',
};
JSON.stringify(__yqcoder); // '{"name":"yqcoder","_name":"{\"name\":\"yqcoder\"}","__name":"{\"name\":\"yqcoder\",\"_name\":\"{\\\"name\\\":\\\"yqcoder\\\"}\"}"}'

3. JSON 过滤

// 通过JSON删除 love，thr
let yqcoder = {
  name: "yq",
  age: 18,
  love: "dyb",
  thr: "aa",
};
JSON.stringify(yqcoder, ["name", "age"]); // '{"name":"yq","age":18}'
JSON.stringify(yqcoder, (key, value) => {
  if (["love", "thr"].includes(key)) {
    return undefined;
  } else {
    return value;
  }
}); // '{"name":"yq","age":18}'

​