小米前端技术博客

在所有现代浏览器中都可用的JSON对象具有两种非常有用的方法来处理JSON格式的内容：parse和stringify。JSON.parse（）接收JSON字符串并将其转换为JavaScript对象。JSON.stringify（）接受一个JavaScript对象，并将其转换为JSON字符串。

一个例子：

const myObj = {
  name: 'Skip',
  age: 2,
  favoriteFood: 'Steak'
};

const myObjStr = JSON.stringify(myObj);

console.log(myObjStr);
// "{"name":"Skip","age":2,"favoriteFood":"Steak"}"

console.log(JSON.parse(myObjStr));
// Object {name:"Skip",age:2,favoriteFood:"Steak"}

尽管这些方法通常用于对象，但它们也可以用于数组：

const myArr = ['bacon', 'letuce', 'tomatoes'];

const myArrStr = JSON.stringify(myArr);

console.log(myArrStr);
// "["bacon","letuce","tomatoes"]"

console.log(JSON.parse(myArrStr));
// ["bacon","letuce","tomatoes"]

JSON.parse（）

JSON.parse（）可以为reviver函数使用第二个参数，该函数可以在返回对象值之前对其进行转换。此处，对象的值在parse方法的返回对象中大写：

const user = {
  name: 'John',
  email: 'john@awesome.com',
  plan: 'Pro'
};

const userStr = JSON.stringify(user);

JSON.parse(userStr, (key, value) => {
  if (typeof value === 'string') {
    return value.toUpperCase();
  }
  return value;
});

尾部逗号在JSON中无效，因此，如果传递给它的字符串具有尾部逗号，则JSON.parse（）抛出。

JSON.stringify（）

JSON.stringify（）可以采取两个附加参数，第一个是代用品函数和第二作为使用字符串或数字值空间返回字符串英寸

replacer函数可用于滤除值，因为任何以undefined返回的值都将不在返回的字符串中：

const user = {
  id: 229,
  name: 'John',
  email: 'john@awesome.com'
};

function replacer(key, value) {
  console.log(typeof value);
  if (key === 'email') {
    return undefined;
  }
  return value;
}

const userStr = JSON.stringify(user, replacer);
// "{"id":229,"name":"John"}"

并传入一个带有空格参数的示例：

const user = {
  name: 'John',
  email: 'john@awesome.com',
  plan: 'Pro'
};

const userStr = JSON.stringify(user, null, '...');
// "{
// ..."name": "John",
// ..."email": "john@awesome.com",
// ..."plan": "Pro"
// }"