js解析JSON

清疚 2022-08-20 02:16 267阅读 0赞

一、概述

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。

在JSON中，有两种结构：对象和数组。

1.对象

一个对象以“{”开始，“}”结束。每个“key”后跟一“:”，“‘key/value’ 对”之间运用 “,”分隔。

packJson = {“name”:”nikita”, “password”:”1111”}

2.数组

packJson = [{“name”:”nikita”, “password”:”1111”}, {“name”:”tony”, “password”:”2222”}];

数组是值的有序集合。一个数组以“[”开始，“]”结束。值之间运用 “,”分隔。

二、JSON对象和JSON字符串的转换

在数据传输流程中，json是以文本，即字符串的形式传递的，而JS操作的是JSON对象，所以，JSON对象和JSON字符串之间的相互转换是关键。例如：

JSON字符串：

var jsonStr = ‘{“name”:”nikita”, “password”:”1111”}‘;

JSON对象：

var jsonObj = {“name”:”nikita”, “password”:”1111”};

对于前端完全是菜鸟，迫于无奈，工作中要用到JS，尤其对JSON的处理为多，网上搜了一下，所讲的基本雷同。所以把平时用的比较多的JSON处理方法总结了一下，权当加深记忆。

一、概述

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。

在JSON中，有两种结构：对象和数组。

1.对象

一个对象以“{”开始，“}”结束。每个“key”后跟一“:”，“‘key/value’ 对”之间运用 “,”分隔。

packJson = {“name”:”nikita”, “password”:”1111”}

2.数组

packJson = [{“name”:”nikita”, “password”:”1111”}, {“name”:”tony”, “password”:”2222”}];

数组是值的有序集合。一个数组以“[”开始，“]”结束。值之间运用 “,”分隔。

二、JSON对象和JSON字符串的转换

在数据传输流程中，json是以文本，即字符串的形式传递的，而JS操作的是JSON对象，所以，JSON对象和JSON字符串之间的相互转换是关键。例如：

JSON字符串：

var jsonStr = ‘{“name”:”nikita”, “password”:”1111”}‘;

JSON对象：

var jsonObj = {“name”:”nikita”, “password”:”1111”};

2、String转换为Json

  1. var myObject = eval('(' + myJSONtext + ')');

eval是js自带的函数，不是很安全，可以考虑用json包。

三、遍历JSON对象

复制代码

复制代码

  1. myJson = {"name":"nikita", "password":"1111"};
  3. for(var p in myJson){
  4.    //遍历json对象的每个key/value对,p为key
  6.    alert(p + " " + myJson[p]);
  8. }

复制代码

运行结果：

09102711-9f7ee96ccc6d433dbd0d0a11984edada.jpg

四、遍历JSON数组

复制代码

复制代码

  1. packJson = [
  3. {
  4.     "name":"nikita", "password":"1111"},
  6. {
  7.     "name":"tony", "password":"2222"}
  9. ];
  11. for(var p in packJson){
  12.    //遍历json数组时，这么写p为索引，0,1
  14.    alert(packJson[p].name + " " + packJson[p].password);
  16. }

复制代码

复制代码

我更倾向于这种写法：

  1. for(var i = 0; i < packJson.length; i++){
  3.    alert(packJson[i].name + " " + packJson[i].password);
  5. }

运行结果：

09102758-01fd3c99174a4c14945ee3f6803a7fb4.jpg

五、将两个JSON对象组装到一个里面

复制代码

复制代码

  1. //targetJson 目标JSON，packJson 被组装JSON
  3. function addGroupJson(targetJson, packJson){
  5.     if(targetJson && packJson){
  7.        for(var p in packJson){
  9.            targetJson[p] = packJson[p];
  11.        }
  13.     }
  15. }

复制代码

复制代码

用法如下：

  1. var json1 = {"name":"nikita"};
  2. var json2 = {"password":"1111"};
  3. addGroupJson(json1, json2);
  4. alert(json2str(json1));

运行结果：

09103804-b97c76f93c614f24817f08bd8c343e01.jpg

发表评论

表情：
评论列表 （有 0 条评论，267人围观）

还没有评论，来说两句吧...

相关阅读

    相关 js解析JSON

    一、概述 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是

    清疚清疚/ 0 赞/ 268 阅读