JSON.stringify的用法是什么？一文带你看懂
发布时间：2022-02-22 13:52:51 所属栏目：语言 来源：互联网
导读：JSON.stringify的用法是什么？JSON.stringify()方法就是将一个JavaScript值(对象或者数组)转换为一个 JSON字符串，小编觉得JSON.stringify()方法比较实用，因此分享给大家做个参考，感兴趣的朋友就接着看吧。 前言 用过 json 的应该都知道，把一个对象通过 s
|
JSON.stringify的用法是什么？JSON.stringify()方法就是将一个JavaScript值(对象或者数组)转换为一个 JSON字符串，小编觉得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/… （编辑：信阳站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
