浅谈 JSON.stringify 方法【转】

标签：完成   朋友   string   key   java   org   json2   资料   数据   

但是 IE6-7 下没有 JSON 对象，所以要借助json2.js来实现。

今天我们来简单介绍下stringify方法的一些正确使用姿势吧。
当然，让高手们贱笑了，本文只是分享一些方法给新手朋友们。

var data = [
    {name: "王尼玛", sex:1, age: 30},
    {name: "王尼美", sex:0, age: 20},
    {name: "王大锤", sex:1, age: 30}
];
var str_json = JSON.stringify(data);
console.log(str_json);

这个是我们日常用法，非常简单，对吧。

比如说，我们的数据非常复杂，还有类似头像，昵称，个人签名之类的信息。
可是我保存在本地，只需要用户名，和性别，肿么破呢？
也许你会说 so easy, 遍历数据重新提取下即可。
例如：

var data = [
    {name: "王尼玛", sex:1, age: 30},
    {name: "王尼美", sex:0, age: 20},
    {name: "王大锤", sex:1, age: 30}
];
for (var i=0, new_data=[]; i<data.length; i++) {
    new_data.push({
        name: data[i].name,
        sex:  data[i].sex
    });
}
var str_json = JSON.stringify(new_data);
console.log(str_json);

确实分分钟搞定。

其实我们只需要用stringify第二个参数即可简单处理这种问题。

var data = [
    {name: "王尼玛", sex:1, age: 30},
    {name: "王尼美", sex:0, age: 20},
    {name: "王大锤", sex:1, age: 30}
];
var str_json = JSON.stringify(data, ["name", "sex"]);
console.log(str_json);

第二个参数只要传入需要的keys数组，就非常轻松的就完成这种处理了。

当然如果我们要更纠结的处理，比如要把 1,0 修改为男女，那么第二个参数可以用回调函数来处理。

var data = [
    {name: "王尼玛", sex:1, age: 30},
    {name: "王尼美", sex:0, age: 20},
    {name: "王大锤", sex:1, age: 30}
];
var str_json = JSON.stringify(data, function (k, v) {
    if (k === "sex") {
        return ["女", "男"][v];
    }
    return v;
});
console.log(str_json);

第二个参数如此强悍，为我们省去了不少麻烦。

还有第三个参数，用于格式化字符串用的。

var data = [
    {name: "王尼玛", sex:1, age: 30},
    {name: "王尼美", sex:0, age: 20},
    {name: "王大锤", sex:1, age: 30}
];
var str_json = JSON.stringify(data, null, "\t");
console.log(str_json);
str_json = JSON.stringify(data, ["name", "sex"], "\t");
console.log(str_json);

其实，我觉得这是个非常鸡肋的功能，，一般情况下却是没啥用。

好了，今天的分享就这些了，希望对新手朋友有所帮助。

参考资料：

JSON.stringify() - JavaScript | MDN

JSON in JavaScript

文章来自：https://www.cnblogs.com/52cik/p/js-json-stringify.html#undefined

浅谈 JSON.stringify 方法【转】

标签：完成   朋友   string   key   java   org   json2   资料   数据   

原文地址：https://www.cnblogs.com/KillBugMe/p/12411286.html