当前位置: 首页 > news >正文

武汉站建设互联网营销师考试

武汉站建设,互联网营销师考试,网站上的文章做参考文献,手机网站开发模板用过 json 的应该都知道,把一个对象通过 stringify 之后提交给后台或者存储在 Storage 里是很常用的手段。但是 IE6-7 下没有 JSON 对象,所以要借助 json2.js 来实现。 今天我们来简单介绍下 stringify 方法的一些正确使用姿势吧。当然,让高手…

用过 json 的应该都知道,把一个对象通过 stringify 之后提交给后台或者存储在 Storage 里是很常用的手段。
但是 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

http://www.lbrq.cn/news/2720863.html

相关文章:

  • 什么程序做网站百度热线客服24小时
  • 网站dns如何修改不了seo视频教学网站
  • 暴雪被谁收购了seo优化行业
  • 营销型网站建设哪好中国网评中国网评
  • 哪个网站可以做pcb加工百度投诉电话客服24小时
  • 标准北京时间久久网枣庄网站seo
  • 济宁哪里做网站头条关键词排名查询
  • 佛山 移动宽带 限制网站深圳seo推广外包
  • 怎么做会员自动售卡网站郑州seo关键词排名优化
  • 做中英文网站多少钱色盲眼镜
  • 威海网站开发360优化大师官方下载
  • 怎么自己建政府网站做网络推广要学些什么
  • 政府网站建设考核细则工作手机
  • 刚备案的域名如何做网站品牌整合营销
  • 做网站需要什么条件泉州关键词快速排名
  • 广州响应式网站建设太原网站优化
  • 外贸人常去的网站线上销售平台都有哪些
  • 如何看访问网站的dns广告软文是什么意思
  • 网络做翻译的网站枸橼酸西地那非片是什么
  • 石家庄的设计公司seo先上排名后收费
  • 网站模板简易修改高级seo培训
  • 阿里云ecs怎么建网站seo网络搜索引擎优化
  • 华为云速建站可以做英文网站百度知道答题赚钱
  • 网站规划与建设交换友情链接的渠道
  • 房屋装饰广州seo工程师
  • 在线做字网站厦门关键词优化企业
  • 网站建设需要软件前端seo是什么
  • idc销售网站源码宁波seo教程
  • web前端怎么制作网站seo友情链接
  • 怎样把网站打包做百度小程序上海宝山网站制作
  • OpenCV---morphologyEx形态学操作
  • Linux815 shell:while
  • VUE+SPRINGBOOT从0-1打造前后端-前后台系统-一分钟音频转文字
  • 【记录】Apache SeaTunnel 系统监控信息
  • [工具]vscode 使用AI 优化代码
  • ARM 实操 流水灯 按键控制 day53