Array & Json相互转换js

简介:

创建json数据

Java代码   收藏代码
  1. var data = { sid : 1 };  
  2. data.webname = '网站名称';  

 

eval()函数,这个函数可以把一个字符串当作一个JavaScript表达式一样去执行它

1,eval方式解析,恐怕这是最早的解析方式了。  

Java代码   收藏代码
  1. <script>  
  2. eval("var b= 3");  
  3. alert(b);  
  4. function strToJson(str){  
  5.     var json = eval('(' + str + ')');  
  6.     return json;  
  7. }  
  8. var str = '[{"uname":"王强","day":"2010/06/17"},{"uname":"王海云","day":"2010/06/11"}]';   
  9. var jsonList= strToJson(str);  
  10. for(var i=0;i<jsonList.length;i++){  
  11.     for(var key in jsonList[i]){  
  12.         alert("key:"+key+",value:"+jsonList[i][key]);  
  13.     }  
  14. }   
  15. </script>  

记得str两旁的小括号 哦。

 

2,使用全局的JSON对象。

Java代码   收藏代码
  1. function strToJson(str){  
  2.     return JSON.parse(str);  
  3. }  

 目前IE8(S)/Firefox3.5+/Chrome4/Safari4/Opera10 已实现了该方法。

使用JSON.parse需严格遵守JSON规范,如属性都需用引号引起来,如下

Java代码   收藏代码
  1. var str = '{name:"jack"}';  
  2. var obj = JSON.parse(str); // --> parse error  

name没有用引号引起来,使用JSON.parse所有浏览器中均抛异常,解析失败。而前两种方式则没问题。

相关文章
|
5月前
|
JSON JavaScript 前端开发
JavaScript实现字符串转json对象的方法
JavaScript实现字符串转json对象的方法
|
2月前
|
JSON 前端开发 JavaScript
聊聊 Go 语言中的 JSON 序列化与 js 前端交互类型失真问题
在Web开发中,后端与前端的数据交换常使用JSON格式,但JavaScript的数字类型仅能安全处理-2^53到2^53间的整数,超出此范围会导致精度丢失。本文通过Go语言的`encoding/json`包,介绍如何通过将大整数以字符串形式序列化和反序列化,有效解决这一问题,确保前后端数据交换的准确性。
57 4
|
3月前
|
存储 JSON JavaScript
JavaScript JSON
【10月更文挑战第7天】JSON 是 JavaScript 中非常重要的一个数据格式,它为数据的表示和传输提供了一种简单而有效的方式。掌握 JSON 的使用方法和特点,对于开发高质量的 JavaScript 应用具有重要意义。
|
4月前
|
存储 JSON JavaScript
js中JSON的使用
介绍JSON的基本概念和在JavaScript中的使用方式,包括JSON格式的语法规则、使用`JSON.stringify()`和`JSON.parse()`方法进行对象与字符串的转换,以及处理JSON数组数据。
js中JSON的使用
|
2月前
|
JavaScript 前端开发 开发者
|
3月前
|
JSON JavaScript 前端开发
js如何格式化一个JSON对象?
js如何格式化一个JSON对象?
128 3
|
4月前
|
XML JSON JavaScript
js的json格式
js的json格式
|
5月前
|
JavaScript 算法 前端开发
JS算法必备之Array常用操作方法
这篇文章详细介绍了JavaScript中数组的创建、检测、转换、排序、操作方法以及迭代方法等,提供了数组操作的全面指南。
JS算法必备之Array常用操作方法
|
5月前
|
移动开发 JavaScript 前端开发
UniApp H5 跨域代理配置并使用(配置manifest.json、vue.config.js)
这篇文章介绍了在UniApp H5项目中处理跨域问题的两种方法:通过修改manifest.json文件配置h5设置,或在项目根目录创建vue.config.js文件进行代理配置,并提供了具体的配置代码示例。
UniApp H5 跨域代理配置并使用(配置manifest.json、vue.config.js)
|
4月前
|
存储 JSON JavaScript
JavaScript JSON
JavaScript JSON
40 5