21、H5新增js属性之JSON新方法
2016-08-23 16:50
405 查看
JSON的新方法
parse() : 把字符串转成json字符串中的属性要严格的加上引号
stringify() : 把json转化成字符串
会自动的把双引号加上
与eval的区别
eval():对任何的字符串进行解析变成js,但不能识别json中的:
parse():字符串中的属性要严格的加上引号
其他浏览器兼容http://www.json.org/去下载json2.js
<!doctype html><!--声明当前文档为html文档--> <html lang="en"><!--语言为英语--> <head><!--头部--> <meta charset="UTF-8"><!--字符编码:utf-8国际编码 gb2312中文编码--> <meta name="Keywords" content="关键词"> <meta name="Description" content="描述"> <title>Document</title> <style>/*css样式表的衣柜*/ </style> </head> <body><!--身体--> <script> /* var str = "function auto(){alert(1)}"; eval(str); auto(); */ /*//eval不能识别: var str = '{name:"张三",age:"20"}'; console.log(eval(str)); var json = eval(str); console.log(json); alert(json.name); */ var str = '{"name":"张三","age":"20"}'; var json = JSON.parse(str); alert(json.age); //var str1 = {name:"张三"}; //这种方法会影响str1的值 /*var str2 = str1; str2.name = "李四"; alert(str1.name);*/ //这种方法不会影响str1的值 /*var str2 = {}; for(var attr in str1){ str2[attr] = str1[attr]; } str2.name = "李四"; alert(str1.name);*/ //新的JSON方法 /*var str1 = {name:"张三"}; var str = JSON.stringify(str1); var str2 = JSON.parse(str); str2.name = "李四"; //alert(str1.name);*/ var str1 = {name:{age:"20"}}; var str = JSON.stringify(str1); var str2 = JSON.parse(str); str2.name.age = "25"; alert(str1.name.age); alert(str2.name.age); </script> </body> </html>
相关文章推荐
- 23、H5新增js属性之本地存储
- js根据json数据中的某一个属性来给数据分组的方法
- 24、H5新增js属性之地理信息
- JS动态遍历json中所有键值对的方法(不知道属性名的情况)
- 20、H5新增js属性之获取class列表属性
- js—新的选择器、获取class列表属性、 JSON新方法
- 19、H5新增js属性之js延迟加载
- HTML5之新特性(选择器、class列表属性、JSON新方法、data自定义数据、延迟加载JS)
- 22、H5新增js属性之历史管理
- 统一接口:为FireFox添加IE的方法和属性的js代码
- 针对JSON的基于java和js多种操作方法与格式转换方法
- js入门·对象属性方法大总结
- JS中获得窗口属性的方法
- JS操作select相关方法:新增 修改 删除 选中 清空 判断存在 等
- JS操作select相关方法:新增 修改 删除 选中 清空 判断存在
- js 属性和方法集锦
- [荐]JS入门·对象属性方法大总结
- js-window对象的方法和属性资料
- JS操作select相关方法:新增 修改 删除 选中 清空 判断存在
- 针对JSON的基于java和js多种操作方法与格式转换方法