浅谈 JSON.stringify 方法

谁借莪１个温暖的怀抱￠ 2022-08-20 05:14 174阅读 0赞

用过 json 的应该都知道，把一个对象通过 stringify 之后提交给后台或者存储在

Storage

里是很常用的手段。

但是 IE6-8 下没有 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);

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

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

[json2.js]: https://github.com/douglascrockford/JSON-js

发表评论取消回复

表情：

评论列表（有 0 条评论，174人围观）

还没有评论，来说两句吧...

相关阅读

相关浅谈工厂方法模式

定义一个用于创建对象的接口，但是让子类决定将哪一个类实例化。工厂方法模式让一个类的实例化延迟到其子类。

悠悠/ 2024年04月20日 07:25/ 0 赞/ 94 阅读

相关浅谈getStackTrace()方法

缘起：今天看到有一个工具类中有一句： String msgToPrint = Thread.currentThread().getStackTrace()[``1

爱被打了一巴掌/ 2023年10月12日 19:52/ 0 赞/ 34 阅读

相关浅谈 JSON.stringify 方法

用过 json 的应该都知道，把一个对象通过 stringify 之后提交给后台或者存储在 Storage 里是很常用的手段。但是 IE6-8 下没有 JSON 对象，

谁借莪１个温暖的怀抱￠/ 2022年08月20日 05:14/ 0 赞/ 175 阅读

相关浅谈React的createFactory()方法

1、作用：创建React组件实例。 2、实现：只需创建一个带type参数的createElement的绑定函数即可。 React.createFa

水深无声/ 2022年06月17日 12:36/ 0 赞/ 299 阅读

相关浅谈React.createElement()方法

document有createElement()方法，React也有createElement()方法，下面就来介绍React的createElement()方法。

超、凢脫俗/ 2022年06月17日 09:42/ 0 赞/ 825 阅读

相关浅谈Tomcat服务器优化方法

对于JavaWeb开发人员而言，Tomcat已成为默认的web服务器，但是在生产环境下使用Tomcat部署应用，我们如果采用Tomcat默认的配置，尤其是内存和线程的配置，其配

素颜马尾好姑娘i/ 2022年03月26日 09:00/ 0 赞/ 270 阅读

相关 toString()方法浅谈

toString()方法原本用来输出对象的完整信息---即对象的编码.如果不重写,输出的就是对象编码. package prepare1; class Boo

电玩女神/ 2021年12月15日 06:23/ 0 赞/ 421 阅读

相关浅谈泛型方法

　　以前一直以为如果方法要传泛型必须继承类的泛型，后来发现不用，只需要在返回值前面加个<E>即可。　　代码如下： / 组装一个arrayLis

小灰灰/ 2021年10月25日 14:07/ 0 赞/ 331 阅读

相关浅谈理解java方法调用

1、方法调用流程图 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0

亦凉/ 2021年10月15日 21:45/ 0 赞/ 388 阅读

相关浅谈面向对象方法学

目录一、面向对象的基本概念对象、类、实例、消息、方法二、面向对象的基本特征封装、继承、多态三、面向对象的建模对象模型、动态模型、功能模型四、面向对象

向右看齐/ 2021年09月24日 07:02/ 0 赞/ 390 阅读