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/…

    以上就是关于jsonstringify用法的介绍，上述实例有一定的参考价值，有需要的朋友可以了解看看，希望本文对大家有帮助，想要了解更多JavaScript的知识，大家可以关注群英网络其它相关文章。

文本转载自脚本之家

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

猜你喜欢

• JavaScript中hash是什么意思，构造和使用方法是什么？

  JavaScript中hash是什么意思?hash其实就是指的是哈希表，那么对于哈希表我们怎么样来理解呢？构造方法和使用方法是什么呢？下文有很详细的介绍，有需要的朋友可以了解看看，接下来就跟随小编来一起学习一下吧！

• 如何读懂JS对象原型链原理，要点是什么

  这篇文章主要介绍了JavaScript对象原型链原理解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

• Vue.observable怎么使用，解决处理什么问题

  随着组件的细化，就会遇到多组件状态共享的情况，今天我们介绍的是 vue.js 2.6 新增加的 Observable API ，通过使用这个 api 我们可以应对一些简单的跨组件数据状态共享的情况，感兴趣的可以了解一下

• Vue.Draggable实现交换位置的方式和步骤是什么

  Vue.Draggable实现交换位置，供大家参考，具体内容如下前言最近的一个项目接触了到了Vue.Draggable这个组件。不过我们的需求和Vue.Draggable这个组件所支持的有些出入。这个拖拽组件属于插入的模式。一但拖拽的是相间的元素（中间隔着几个元素），那么拖拽元素就会占据被拖拽元素的位置，而后续元素位置

• JS数组的增减操作方法有哪些，有何区别

  本篇文章给大家带来了关于javascript的相关知识，其中主要介绍了关于JavaScript的push()、pop()、unshift()、shift() 方法的使用，下面一起来看一下，希望对大家有帮助。