JS 解析JSON字符串得到对象数组

最新推荐文章于 2024-03-25 15:03:39 发布

熙蚨

最新推荐文章于 2024-03-25 15:03:39 发布

阅读量857

点赞数

分类专栏： js & jQuery

本文链接：https://blog.youkuaiyun.com/ganlian666/article/details/75667937

版权

js & jQuery 专栏收录该内容

2 篇文章

订阅专栏

 
 
  
  
   
   var obj = jQuery.parseJSON('{"name":"John"}');
  
  
 
 
 
 
  
  
   
   alert( obj.name === "John" );
   
   

   
   

   
   

   
   参考文档：http://www.css88.com/jqapi-1.9/jQuery.parseJSON/

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

熙蚨

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

37.JavaScript对象与JSON格式的转换，JSON.stringify、JSON.parse方法的使用方法和注意事项

asdfadafd的博客

08-01

1059

在之前的文章中，我们讲到每个对象都有的toString方法，当进行格式转换时会自动调用。和toString一样，对象的toJSON方法会在序列化的时候调用，我们可以通过重写这个方法改变序列化的方式。name'peter',age18}}代码执行结果我们可以看到，在重写了对象的toJSON方法后，使用stringify的结果发生了改变。我们可以根据自己的需要重写toJSON方法，从而达到自己的目的。JSON是一种数据格式，有独立的标准和大多数编程语言的支持httpshttps。...

jq工具解析JSON数据操作示例

完颜振江

02-13

561

(date。

参与评论您还未登录，请先登录后发表或查看评论

JS解析json字符串数组

zhuyu19911016520

01-09

1452

var t2="[{name:'zhangsan',age:'24'},{name:'lisi',age:'30'},{name:'wangwu',age:'16'},{name:'tianqi',age:'7'}] "; var myobj=eval(t2);for(var i=0;i){alert(myobj[i].name +"\n"+ myobj[i].age);}

js解析json字符串数组

weixin_34358092的博客

04-06

278

json解析字符串数据例如如下:var array=[ {},{},{[{},{},{},]}]解析json数组一般是$.each(array,function(i,value){//里面有三个参数 this指向当前元素， ...

JavaScript--解析JSon数据--JS对象、数组

似水流年

09-17

3101

在线代码测试：http://tool.lu/coderunner/JavaScript实例代码：需求一：将一个JSon字符串（标准的格式），按照“键”拆分。var menuId = []; var percode = []; var data = [{menuId: "0010", percode : "PZ011"},{menuId : "0011", percode : "PZ012"}]

js中json字符串解析

LeapMotion1的博客

11-30

7057

在开发过程中，经常会用到Json字符串，有时需要对前端传过来的json串解析，或者把前端数据以json字符串的形式传送给后端，下面我们来看一下各方面的应用。1.JSON格式和JS格式//以下所有在JS中定义的都是JS对象 var person = { name: "Jane", age: 29 }//若在JSON文件中，定义，则是JSON格式{} var personJson = {

Jquery解析json字符串及json数组的方法

12-12

本文实例讲述了Jquery解析json字符串及json数组的方法。分享给大家供大家参考。具体如下： <!doctype html> <html> <head> <meta charset="utf-8"> [removed][removed] </head> <...

JS解析json数据并将json字符串转化为数组的实现方法

12-12

代码如下: <!... <HEAD> <TITLE> New Document </TITLE> [removed] var t=”{‘firstName’: ‘cyra’, ‘lastName’: ‘richardson’, ‘address’: { ‘streetAddress’: ‘1 Microsoft way’, ...

经典ASP读取JSON字符串/生成JSON对象,数组对象等。

07-11

2. **ASP解析JSON字符串**：在经典ASP中，没有内置的JSON解析库。不过可以使用第三方库，如`aspjson`，这是一个流行的ASP JSON处理组件。通过引入这个组件，可以将JSON字符串转换为ASP变量，便于操作。例如： ```...

javascript中json对象json数组json字符串互转及取值方法

11-29

无论是将JSON字符串转换为JavaScript对象，还是将JavaScript对象转换为JSON字符串，亦或是处理JSON数组，都可以通过`JSON.parse()`和`JSON.stringify()`这两个核心方法完成。在实际应用中，理解这些基本操作对于有效...

JS--JSON解析字符串的方法详解

吴声子夜歌的博客

09-30

1726

JSON解析字符串的方法在服务器与客户端之间进行数据交换时，通常采用JSON字符串的方式传递数据。当客户端获得JSON字符串时，需要将字符串转换成JSON对象，然后再进行处理。 JSON字符串和JSON对象： //JSON字符串 var jsonStr = "{name:'tom',age:18}"; //JSON对象 var jsonObject = {name:'tom', age:18};...

javascript解析json字符串，各种格式分析

优快云博客专家，系统架构师，有合作、疑惑请私信博主。

05-13

7887

javascript解析json字符串，各种格式分析JSON.parse() 方法用于将一个 JSON 字符串转换为对象JSON.stringify() 方法是将一个JavaScript值(对象或者数组)转换为一个 JSON字符串Unexpected token o in JSON at position 1 JSON.parse() 方法用于将一个 JSON 字符串转换为对象 var str = '{"name":"xcSharp","age":"18"}' JSON.parse(str); //结果为一

javascript中的字符串、对象和数组的获取方式<基础>

yanhappiness

09-08

1078

温故而知新。 字符串javascript中的字符串就是用”或者”“括起来的字符表示。如果符号”或”“本身就是字符串那么则用”” 或者”括起来<两者使用是相反的> 转义字符\可以转义很多字符，比如\n表示换行，\t表示制表符，字符\本身也要转义，所以\表示的字符就是\。//例如 i'am "ok"'i\'am \"ok\"' //或者 "i"+"'"+"am "+"'"+"ok"+"'"//转移字

前端学习之——js解析json数组

最新发布

03-19

<think>好的，我现在需要帮助用户解决如何在JavaScript中将JSON字符串转换为对象数组的问题。首先，我需要回忆相关的JavaScript知识，并结合用户提供的引用内容来组织回答。用户提到了几个引用，其中引用[1]提到了使用jQuery的parseJSON方法和eval方法，但需要注意版本问题和安全性。引用[3]和[4]提到了split函数和字符串处理的方法，这可能与分割字符串有关，但用户的问题是关于JSON转换，可能需要区分JSON解析和普通字符串分割。引用[5]提到了需要操作的数组对象，可能涉及更复杂的结构。首先，我应该明确JSON字符串和普通数组字符串的区别。JSON字符串应该符合JSON格式，比如键名用双引号，字符串值也用双引号。如果是标准的JSON数组字符串，如'[{"name":"John"},{"name":"Alice"}]'，可以直接用JSON.parse()解析。如果用户提供的字符串格式不符合JSON标准，可能需要先处理，比如替换单引号为双引号，或者处理其他格式问题。接下来，用户的问题可能涉及不同的方法，比如原生的JSON.parse，或者使用jQuery的parseJSON方法，以及不推荐的eval方法。需要分别说明这些方法的使用步骤和注意事项。例如，eval虽然可以执行任何JavaScript代码，但存在安全风险，尤其是当字符串来自不可信的来源时，可能导致XSS攻击。因此，推荐使用JSON.parse()，并处理可能的异常。另外，用户提供的引用中有提到split方法，这可能适用于将字符串分割成数组，但如果是JSON数组，直接解析即可，不需要手动分割。不过，如果用户的数据结构比较特殊，比如坐标字符串"116.404,39.915;116.514,39.923"，可能需要先用split分割成多个坐标点，再转换为对象数组。这种情况下可能需要结合split和map方法，如引用[3]中的例子。还需要考虑兼容性问题，比如旧版浏览器可能不支持JSON.parse，这时候需要引入JSON库或者使用eval，但要注意安全。同时，处理复杂的嵌套结构时，要确保JSON格式正确，否则会抛出错误，建议使用try-catch块来处理异常。总结步骤应该是： 1. 确保JSON字符串格式正确。 2. 使用JSON.parse()进行解析。 3. 处理可能的格式错误或兼容性问题。 4. 对于非标准格式的字符串，先进行预处理，如替换引号、分割字符串，再转换为对象数组。可能还需要举几个例子，比如标准JSON数组、需要split处理的字符串，以及使用jQuery的方法，确保覆盖用户的不同情况。同时，要强调安全性，避免使用eval，除非必要且数据可信。最后，生成相关问题，可能涉及性能优化、其他转换方法、错误处理等，帮助用户进一步了解相关主题。</think>### JavaScript中将JSON字符串转换为对象数组的方法 #### 1. **标准JSON字符串解析** 若字符串符合**严格JSON格式**（键和字符串值均使用双引号），可直接用原生`JSON.parse()`方法： ```javascript const jsonStr = '[{"name":"John", "age":30}, {"name":"Alice", "age":25}]'; const objArray = JSON.parse(jsonStr); console.log(objArray[0].name); // 输出: John ``` #### 2. **非标准字符串处理** 若字符串使用单引号或格式不规范，需先预处理： ```javascript // 替换单引号为双引号，确保JSON有效性 const str = "[{'name':'John'}, {'name':'Alice'}]"; const validJson = str.replace(/'/g, '"'); const objArray = JSON.parse(validJson); ``` #### 3. **使用jQuery的辅助方法** 若项目中已引入jQuery，可用`jQuery.parseJSON()`（需注意版本兼容性）： ```javascript const objArray = jQuery.parseJSON(jsonStr); // 语法与JSON.parse类似[^1] ``` #### 4. **分割字符串后转换** 若字符串为**非JSON格式的简单数据**（如坐标字符串），可结合`split()`和`map()`： ```javascript const coordStr = "116.404,39.915;116.514,39.923"; const coordArray = coordStr.split(';').map(pair => { const [lng, lat] = pair.split(','); return { longitude: parseFloat(lng), latitude: parseFloat(lat) }; }); console.log(coordArray); // 输出: [{longitude:116.404, latitude:39.915}, ...][^3] ``` #### 5. **错误处理与兼容性** - **异常捕获**：建议用`try-catch`处理解析错误： ```javascript try { const objArray = JSON.parse(jsonStr); } catch (e) { console.error("解析失败:", e); } ``` - **旧浏览器兼容**：若不支持`JSON.parse()`，可引入`json2.js`库或谨慎使用`eval()`： ```javascript const objArray = eval('(' + jsonStr + ')'); // 存在安全风险，需确保数据可信[^1] ``` --- ###

JS 解析JSON字符串 得到对象数组

JS 解析JSON字符串得到对象数组