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
developer.mozilla.org/en-US/docs/…
总结
到此这篇关于JSON.stringify用法的文章就介绍到这了,更多相关JSON.stringify用法内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
- JS中JSON.parse(JSON.stringify())实现深拷贝
- JavaScript语法 JSON序列化之stringify实例详解
- JS中的Error对象及使用JSON.stringify()序列化Error问题
- JSON stringify及parse方法实现数据深拷贝
- JavaScript对象与JSON格式的转换及JSON.stringify和JSON.parse的使用方法
- 前端使用JSON.stringify实现深拷贝的巨坑详解
- 学习JSON.stringify的9大特性和转换规则
- 详解JSON.parse和JSON.stringify用法
- 简易版本JSON.stringify的实现及其六大特性详解
- 使用 JSON.stringify() 列化一个Error
相关文章
javascript中tostring()和valueof()的用法及两者的区别
基本上,所有JS数据类型都拥有valueOf和toString这两个方法,null除外。它们俩解决javascript值运算与显示的问题,本文给大家介绍javascript中tostring()和valueof()的用法及两者的区别,对js tostring valueof相关知识感兴趣的朋友一起学习吧2015-11-11
最新评论