JSON.stringify 新手入门

JSON.stringify 入门

用过 json 的应该都知道，把一个对象经过 stringify 以后提交给后台是很经常使用的手段。可是 IE6-7 下没有 JSON 对象，因此要借助 json2.js 来实现。

1.经典用法

var data = [
     {name: "悟空", sex:1, age: 30},
     {name: "八戒", sex:0, age: 20},
     {name: "唐僧", sex:1, age: 30}
 ];//JavaScript数组中包含对象
//将JavaScript对象转换为JSON格式的字符串
var str_json = JSON.stringify(data);
console.log(str_json);
//运行结果为:
//[{"name":"悟空","sex":1,"age":30},{"name":"八戒","sex":0,"age":20},{"name":"唐僧","sex":1,"age":30}]
复制代码

So easy! 这个也是咱们最经常使用的方式

2.复杂数据的提取

好比说，咱们的数据很是复杂，还有相似头像，昵称，我的签名之类的信息。但是我保存在本地，只须要用户名和性别,若是操做呢？咱们能够经过提供的第二参数搞定,遍历数据从新提取下便可。

a.传统方式提取数据思路

var data = [
    {name: "悟空", sex:1, age: 30},
    {name: "八戒", sex:0, age: 20},
    {name: "唐僧", sex:1, age: 30}
];
//传统方式提取数据
var new_data = [];
for (var i=0, new_data=[]; i<data.length; i++) {
    //构建行的数组
    new_data.push({
        name: data[i].name,
        sex:  data[i].age
    });
}
var str_json = JSON.stringify(new_data);
console.log(str_json);
复制代码

b.使用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","age"]);
console.log(str_json);
//运行结果 
//[{"name":"悟空","age":30},{"name":"八戒","age":20},{"name":"唐僧","age":30}]
复制代码

第二个参数只要传入须要的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 (key, value) {
    if(key==="sex"){
        return ["男生","女生"][value];
    }
    return value;
});
console.log(str_json);
// [{"name":"悟空","sex":"女生","age":30},{"name":"八戒","sex":"男生","age":20},{"name":"唐僧","sex":"女生","age":30}]
复制代码

3.第三个参数"吴用"

很是鸡肋的一个参数,基本没有用过,看本身的状况!

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"],"\t");
console.log(str_json);
/* [ { "name": "悟空", "sex": 1 }, { "name": "八戒", "sex": 0 }, { "name": "唐僧", "sex": 1 } ] */
复制代码

不懂请查看api

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify