您的位置：首页 > Web前端 > JavaScript

JSON对象与字符串之间的相互转换 - CSDN博客

2017-12-03 00:57 597 查看

原文:JSON对象与字符串之间的相互转换 - CSDN博客

[html] view plain copy print ?<html> <head> <meta name="viewport" content="width=device-width" /> <title>JSON对象与字符串之间的相互转换</title> <script src="~/Js/jquery-1.8.0.js"></script> <script> var users = [ { 'user': 'barney', 'age': 36 }, { 'user': 'fred', 'age': 40 }, { 'user': 'pebbles', 'age': 18 } ]; console.log(users[1].user); //fred console.log("-----------------------------"); //在Firefox，chrome，opera，safari，ie9，ie8等高级浏览器直接可以用JSON对象的stringify()和parse()方法。 //JSON.stringify(obj)将JSON转为字符串。JSON.parse(string)将字符串转为JSON格式 console.log("------------对象转字符串--------------"); var str = JSON.stringify(users); console.log(str); console.log("------------字符串转对象1--------------"); var object = JSON.parse(str); console.log(object); console.log(object[1].user); //fred console.log($.parseJSON(str)[1].user); //fred console.log("------------字符串转对象2--------------"); var object = eval("(" + str + ")"); console.log(object); console.log(object[1].user); //fred </script> </head> <body> <div> </div> </body> </html>

<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>JSON对象与字符串之间的相互转换</title>
<script src="~/Js/jquery-1.8.0.js"></script>
<script>
var users = [
{ 'user': 'barney', 'age': 36 },
{ 'user': 'fred', 'age': 40 },
{ 'user': 'pebbles', 'age': 18 }
];
console.log(users[1].user); //fred
console.log("-----------------------------");

//在Firefox，chrome，opera，safari，ie9，ie8等高级浏览器直接可以用JSON对象的stringify()和parse()方法。
//JSON.stringify(obj)将JSON转为字符串。JSON.parse(string)将字符串转为JSON格式
console.log("------------对象转字符串--------------");
var str = JSON.stringify(users);
console.log(str);

console.log("------------字符串转对象1--------------");
var object = JSON.parse(str);
console.log(object);
console.log(object[1].user); //fred
console.log($.parseJSON(str)[1].user);  //fred

console.log("------------字符串转对象2--------------");
var object = eval("(" + str + ")");
console.log(object);
console.log(object[1].user); //fred
</script>
</head>
<body>
<div>
</div>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航