JavaScript JSON 使用

2018-05-06

JSON 在 JavaScript 中的使用

parse
stringify
- 过滤
toJSON

parse

1 2	> JSON.parse('{"a": 1}') { a: 1 }

stringify

> var foo = {"a": 1, "b": 2, "c": 3, "d": { "e": 4}, "e": 5}
undefined
> JSON.stringify(foo)
'{"a":1,"b":2,"c":3,"d":{"e":4},"e":5}'

美化

> console.log(JSON.stringify(foo, ["a", "d", "e"], 4))
{
    "a": 1,
    "d": {
        "e": 4
    },
    "e": 5
}

过滤

数组

1 2	> JSON.stringify(foo, ["a", "d", "e"]) '{"a":1,"d":{"e":4},"e":5}'

方法

返回undefined表示忽略该属性；
返回字符串，布尔值或则数字将会被stringify；
返回对象将会触发递归调用知道遇到基本类型的属性；
返回无法stringify的值将会被忽略；

let baz = {
  a : 1,
  b : { c : 2 }
};

// 返回大于1的值
let replacer = function (key, value) {
    if(typeof === 'number') {
        return value > 1 ? value: undefined;
    }
    return value;
};

JSON.stringify(baz, replacer);
// "{"b":{"c":2}}"

toJSON

function Person (first, last) {
    this.firstName = first;
    this.last = last;
}

Person.prototype.process = function () {
   return this.firstName + ' ' +
          this.lastName;
};

let ade = new Person('Ade', 'P');
JSON.stringify(ade);
// "{"firstName":"Ade","last":"P"}"