JSON.stringify()的奥妙

280 阅读3分钟

JSON.stringify() 方法是将一个JavaScript值(对象或者数组)转换为一个 JSON字符串,如果指定了replacer是一个函数,则可以选择性的替换值,或者如果指定了replacer是一个数组,可选择性的仅包含数组指定的属性。

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

参数

value 必需

将要序列化成 一个JSON 字符串的值。

replacer 可选

如果该参数是一个函数,则在序列化过程中,被序列化的值的每个属性都会经过该函数的转换和处理;如果该参数是一个数组,则只有包含在这个数组中的属性名才会被序列化到最终的 JSON 字符串中;如果该参数为null或者未提供,则对象所有的属性都会被序列化;如果是数组相当于是对序列化数据的一个筛选过滤,函数就是对原数据的处理。

replacer参数可以是一个函数或者一个数组。作为函数,它有两个参数,键(key)值(value)都会被序列化。

如果返回一个 Number, 转换成相应的字符串被添加入JSON字符串。

如果返回一个 String, 该字符串作为属性值被添加入JSON。

如果返回一个 Boolean, "true" 或者 "false"被作为属性值被添加入JSON字符串。

如果返回任何其他对象,该对象递归地序列化成JSON字符串,对每个属性调用replacer方法。除非该对象是一个函数,这种情况将不会被序列化成JSON字符串。 如果返回undefined,该属性值不会在JSON字符串中输出。

注意: 不能用replacer方法,从数组中移除值(values),如若返回undefined或者一个函数,将会被null取代。


//function
function replacer(key, value) {
  if (typeof value === "string") {
    return undefined;
  }
  return value;
}
 
var foo = {foundation: "Mozilla", model: "box", week: 45, transport: "car", month: 7};
var jsonString = JSON.stringify(foo, replacer);//{"week":45,"month":7}.
 
const students = [
  {
    name: 'Bob',
    score: 100,
  }, {
    name: 'Job',
    score: 60,
  }, {
    name: 'Mari',
    score: 90,
  }
];
 
function replacer(key, value) {
  if(key === 'score') {
    if (value === 100) {
      return 'S';
    } else if(value >= 90) {
      return 'A';
    } else if(value >= 70) {
      return 'B';
    } else if(value >= 50) {
      return 'C';
    } else {
      return 'D';
    }
  }
  return value;
}
 
JSON.stringify(students,replacer,4);
//上面的代码,我们通过replacer将成绩从百分制替换为SABCD的成绩。
/*
"[
    {
        "name": "Bob",
        "score": "S"
    },
    {
        "name": "Job",
        "score": "C"
    },
    {
        "name": "Mari",
        "score": "A"
    }
]"
*/

如果replacer是一个数组,数组的值代表将被序列化成JSON字符串的属性名。并且是递归的操作

//array
JSON.stringify(foo, ['week', 'month']);  
// '{"week":45,"month":7}', 只保留“week”和“month”属性值。
 
const students = [
  {
    name: 'Bob',
    score: 100,
  }, {
    name: 'Job',
    score: 60,
  }, {
    name: 'Mari',
    score: 90,
  }
];
 
JSON.stringify(students,["name"],4);
/*
"[
    {
        "name": "Bob"
    },
    {
        "name": "Job"
    },
    {
        "name": "Mari"
    }
]"
*/
space 可选

指定缩进用的空白字符串,用于美化输出;如果参数是个数字,它代表有多少的空格;上限为10。该值若小于1,则意味着没有空格;如果该参数为字符串(字符串的前十个字母),该字符串将被作为空格;如果该参数没有提供(或者为null)将没有空格。

返回值 :一个表示给定值的JSON字符串。

space 参数用来控制结果字符串里面的间距。如果是一个数字, 则在字符串化时每一级别会比上一级别缩进多这个数字值的空格(最多10个空格);如果是一个字符串,则每一级别会比上一级别多缩进用该字符串(或该字符串的前十个字符)。

JSON.stringify({ a: 2 }, null, " ");   // '{\n "a": 2\n}'

使用制表符(\t)来缩进:

JSON.stringify({ uno: 1, dos : 2 }, null, '\t')
// '{            
//     "uno": 1, 
//     "dos": 2  
// }'