JSON.parse() 与 JSON.stringify() 与 serialize() 的使用

最新推荐文章于 2025-05-17 16:01:34 发布

原创最新推荐文章于 2025-05-17 16:01:34 发布 · 1.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#JSON.parse #JSON.stringify #serialize

JS 常用知识专栏收录该内容

54 篇文章

订阅专栏

本文详细介绍了JSON数据格式的两种核心操作：使用JSON.parse()将JSON字符串转换为JavaScript对象或数组，以及使用JSON.stringify()将JavaScript对象转换为JSON字符串。此外，还展示了如何利用jQuery的serialize()方法来序列化表单值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1,JSON.parse() ps: ( JQ中有一个 $.parseJSON() 作用类似 )

将字符串解析成对象 (注意：单引号写在{}/[]外，每个属性名都必须用双引号，否则会抛出异常)

var str1 = '{ "name":"leo" , "sex":"man" , "job":"coder" }';

console.log(JSON.parse(str1));

{ name: "leo", sex: "man", job: "coder" } //变为json

var str2 = '["ewae","wwww","wwww"]';

console.log(JSON.parse(str2));

["ewae","wwww","wwww"] // 变为数组

2,JSON.stringify() 将对象解析成字符串

var json1 = { name: "leo", sex: "man", job: "coder" };

console.log(JSON.stringify(json1));

'{ name: "leo", sex: "man", job: "coder" }' // 变为字符串

var json2 = [1,2,3,4,5];

console.log(JSON.stringify(json2)); // 变为字符串

3.serialize() 输出序列化表单值

<form action="">
First name: <input type="text" name="FirstName" value="Bill" /><br />
Last name: <input type="text" name="LastName" value="Gates" /><br />
</form>

<button>序列化表单值</button>

$("button").click(function(){
$("div").text($("form").serialize());
});

输出：FirstName=Bill&LastName=Gates