js数组使用JSON.stringify()和toString()的区别,JSON.parse
2024-08-26 13:22:37
JSON.stringify()中的<br><br>var arr = [1,2,3,4]; console.log(arr.toString()); // 1,2,3,4 alert(JSON.stringify(arr)); console.log(JSON.stringify(arr)); // [1,2,3,4] arr.toString()是将数组转化成字符串,因此不带 [ ] 而JSON.stringify(arr)是从一个对象解析出JSON字符串,是带[]的 另外JSON.parse() 是用于从一个字符串中解析出json对象 var str = '{"name":"huangxiaojian","age":"23"}' 结果: JSON.parse(str) Object age: "23" name: "huangxiaojian" __proto__: Object
SON对象有两个方法:stringify()和parse()。在最简单的情况下,这两个方法分别用于把JavaScript对象序列化为JSON字符串和把JSON字符串解析为原生JavaScript。例如:
新建一个HTML:代码如下:
复制代码 代码如下:
<html> <head> <title></title> <script type="text/javascript"> function init() { var book={ title:"JavaScript高级程序设计", authors:[ "Nicholas C. Zakas" ], edition:3, year:2011 }; var jsonBook=JSON.stringify(book); var objectBook=JSON.parse(jsonBook); var title=objectBook.title;} </script> </head> <body> <input type="button" onclick="init()" value="测试" /> </body> </html>
默认情况下,JSON.stringify()输出的JSON字符串不包含任何空字符或缩进,因此保存在jsonBook中的字符串如下所示:
复制代码 代码如下:
{
"title"
:
"JavaScript高级程序设计"
,
"authors"
:[
"Nicholas C. Zakas"
],
"edition"
:3,
"year"
:2011}
在序列化JavaScript对象时,所有函数及原型成员都会被有意忽略,不体现在结果中。此外,值为undefined的任何属性也都会被跳过。结果中最终都是值为有效JSON数据类型的实例属性。
解析:
var str=JSON.stringify():是转化成json格式的字符串的,
假如现在要想取值,可以截取,最好的办法就是把这个json格式的字符串转成成对象,然后对着这对象进行操作
var
objectBook=
JSON.parse(str);现在就是一个对象了
那么就可以通过对象.属性的逻辑来处理问题了。
同时:我们还要知道字符串,json字符串和json对象的区别
字符串:这个很好解释,指使用“”双引号或’’单引号包括的字符。例如:var comStr = 'this is string';
json字符串:指的是符合json格式要求的js字符串。例如:var jsonStr = "{StudentID:'100',Name:'tmac',Hometown:'usa'}";
json对象:指符合json格式要求的js对象。例如:var jsonObj = { StudentID: "100", Name: "tmac", Hometown: "usa" };
最新文章
- 用django创建一个项目
- Android 应用程序升级到 5.0 需要注意的问题
- [leetcode] 13. Roman to Integer
- android .apk安装时遇到NSTALL_FAILED_CONTAINER_ERROR错误
- haslayout详解
- 关于 python
- ES
- mvc异步表单遇到的问题
- Unity3D脚本中文系列教程(十七)
- linux查看在线用户 who命令参数及用法
- 如何在GeoServer上发布一张地图
- Open judge 07和为给定数
- 小tip:我是如何初体验uglifyjs压缩JS的
- spoj 375 QTREE - Query on a tree 树链剖分
- Git学习 -- 简介
- SSM-SpringMVC-10:SpringMVC中PropertiesMethodNameResolver属性方法名称解析器
- 消息队列与Kafka
- day16_雷神_前端04
- 给bootstrap table设置行列单元格样式
- React系列文章:JSX生成真实DOM结点