您的当前位置:首页正文

JS操作JSON有哪几种方法

2023-11-30 来源:91汽车资讯网

这次给大家带来JS操作JSON有哪几种方法,JS操作JSON的注意事项有哪些,下面就是实战案例,一起来看一下。

JSON概述:

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

JSON:JavaScript 对象表示法(JavaScript Object Notation)。

JSON 是存储和交换文本信息的语法。类似 XML。

JSON 比 XML 更小、更快,更易解析。

JSON 语法规则

JSON 语法是 JavaScript 对象表示法语法的子集。

数据在名称/值对中

数据由逗号分隔

花括号保存对象

方括号保存数组

好了,以上所述不是本文的重点,本文主要是对JS操作JSON的方法做下总结。

在JSON中,有两种结构:对象和数组。

1. 一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称”后跟一个“:”(冒号);“‘名称/值' 对”之间使用“,”(逗号)分隔。 名称用引号括起来;值如果是字符串则必须用括号,数值型则不需要。例如:

var o={"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"};

2. 数组是值(value)的有序集合。一个数组以“[”(左中括号)开始,“]”(右中括号)结束。值之间使用“,”(逗号)分隔。

例如:

var jsonranklist=[{"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"},{"xlid":"zd","xldigitid":123456,"topscore":1500,"topplaytime":"2009-11-20"}];

为了方便地处理JSON数据,JSON提供了json.js包,下载地址:http://www.json.org/json.js

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

JSON字符串:

var str1 = '{ "name": "cxh", "sex": "man" }';

JSON对象:

var str2 = { "name": "cxh", "sex": "man" };

一、JSON字符串转换为JSON对象

要使用上面的str1,必须使用下面的方法先转化为JSON对象:

//由JSON字符串转换为JSON对象var obj = eval('(' + str + ')');

或者

var obj = str.parseJSON(); //由JSON字符串转换为JSON对象

或者

var obj = JSON.parse(str); //由JSON字符串转换为JSON对象

然后,就可以这样读取:

Alert(obj.name);Alert(obj.sex);

特别注意:如果obj本来就是一个JSON对象,那么使用eval()函数转换后(哪怕是多次转换)还是JSON对象,但是使用parseJSON()函数处理后会有问题(抛出语法异常)。

二、可以使用toJSONString()或者全局方法JSON.stringify()将JSON对象转化为JSON字符串。

例如:

var last=obj.toJSONString(); //将JSON对象转化为JSON字符

或者

var last=JSON.stringify(obj); //将JSON对象转化为JSON字符alert(last);

相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

推荐阅读:

jquery中ajax执行顺序调整

Ajax实现loading等待效果提高用户体验

小编还为您整理了以下内容,可能对您也有帮助:

js如何操作json

1、首先前端一般是以对象的形式存数据,现在以对象的形式说怎么存。先声明一下需要存的对象。

2、接着存这个对象的数据,JSON.stringify是把数据转换成字符串的形式。

3、然后取对象数据,JSON.parse是把字符串数据转换为 JavaScript 对象。

4、最后如果想要删除localStorage中的某个对象数据,可以如下图这样操作。

5、最后如果想要全部清空可以直接使用下面的式子,localStorage.clear();,就完成删除了。

JavaScript的JSON对象如何使用

在JavaScript中,JSON对象中包含了两个方法:parse()方法、stringify()方法;使用JSON对象的这两个方法可以实现JSON字符串和JavaScript对象的互相转换。接下来的这篇文章就来给大家介绍关于JavaScript中JSON对象的使用方法。

JavaScript中JSON是什么?

JSON是一种是用于存储和传输数据的格式;一个轻量级的人类可读的,可以以逻辑方式来访问的数据集合。

JSON可以生成并存储来自用户输入的数据;可以将数据从服务器传输到客户端,从客户端传输到服务器,从服务器传输到服务器;还可以构建和验证数据。

JSON对象的使用

JSON.parse()方法

JSON对象的parse()方法可以接受JSON字符串并将其转换为对应的JavaScript对象,在返回这个对象。下面我们来看看基本句式:

JSON.parse(text [,reviver])text:要解析为JSON的字符串;

reviver:可选参数,规定了在返回之前如何转换最初通过解析生成的值。

示例:

<script>

var json = '{ "学号":"01", "姓名":"小华", "年龄":20 }';

var student = JSON.parse(json);

//全部输出

console.log(student);

//单个输出

console.log("学号:"+student.学号);

console.log("姓名:"+student.姓名);

console.log("年龄:"+student.年龄);

</script>运行效果如下:我们来看看输出

JSON.stringify()方法

JSON对象的stringify()方法可以将JavaScript值转换为对应的JSON字符串,再返回这个JSON字符串。下面我们来看看基本句式:

Json.stringify(value [,replacer [,space]])value:指定要转换为JSON字符串的js值。

Replacer:可选参数,可以改变字符串化过程行为数。如果指定了replacer函数,它将替换值;如果指定了replacer数组,则它仅包含指定的属性。

space:可选参数,一个String或Number对象,用于将空白插入输出JSON字符串以便于阅读。

示例:将JavaScript字符串对象和数组对象,转换为JSON字符串

//JavaScript字符串对象

var json = { 学号:"01", 姓名:"小华", 年龄:20 };

var student = JSON .stringify(json);

console.log(student);

//JavaScript数组对象

var arr = [ "php", "mysql", "javascript"];

var bc = JSON .stringify(arr);

console.log(bc);输出:

总结:

JS判断json有哪些方法

这次给大家带来JS判断json有哪些方法,JS判断json的注意事项有哪些,下面就是实战案例,一起来看一下。

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全于语言的文本格式,是理想的数据交换格式。同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的API或工具包,接下来跟着小编学习js中判断json的方法吧

简单地说, JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串(伪对象) ,然后就可以在函数之间轻松地传递这个字符串,或者 在异步应用程序中将字符串从 Web 客户端传递给服务器端程序 。这个字符串看起来有点儿古怪(稍后会看到几个示例),但是 JavaScript 很容易解释它,而且 JSON 可以表示比名称/ 值对更复杂的结构。例如,可以表示数组和复杂的对象,而不仅仅是键和值的简单列表。

判断json是否为空

var jsonStr ={};1、判断json是否为空

jQuery.isEmptyObject();2、判断对象是否为空:

if (typeOf(x) == "undefined")

if (typeOf(x) != "object")

if(!x)其中第三种是最简单的方法,但是第三种就不能用if(x)这种互斥的方法去判断,只能在对象前面加!

3、json的key是不可以重复的;

jsonStr[key]="xxx"存在在替换,不存在则新增。

4、遍历json

for(var key in jsonStr){

alert(key+" "+jsonStr[key])

}

isJson = function(obj){

var isjson = typeof(obj) == "object" && Object.prototype.toString.call(obj).toLowerCase() == "[object object]" && !obj.length;

return isjson;

}

if (!isJson(data)) data = eval('('+data+')');//将字符串转换成json格式JSON中的结构:对象和数组。

1.对象

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

packJson = {"name":"nikita", "password":"1111"}2.数组

packJson = [{"name":"nikita", "password":"1111"}, {"name":"tony", "password":"2222"}];数组是值的有序集合。一个数组以“[”开始,“]”结束。值之间运用 “,”分隔。

相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

推荐阅读:

ajax和jsonp以及json区别使用步骤详解

JSON作为函数参数时应该如何使用

怎样使用JS实现json对象数组按对象属性排序

这次给大家带来怎样使用JS实现json对象数组按对象属性排序,使用JS实现json对象数组按对象属性排序的注意事项有哪些,下面就是实战案例,一起来看一下。

在实际工作经常会出现这样一个问题:后台返回一个数组中有i个json数据,需要我们根据json中某一项进行数组的排序。

例如返回的数据结构大概是这样:

{

result:[

{id:1,name:'中国银行'},

{id:3,name:'北京银行'},

{id:2,name:'河北银行'},

{id:10,name:'保定银行'},

{id:7,name:'涞水银行'}

]

}现在我们根据业务需要,要根据id的大小进行排序,按照id小的json到id大的json顺序重新排列数组的顺序

在js中添加排序的方法:

这里使用JavaScript sort() 方法,首先解释下这个sort的方法

语法:arrayObject.sort(sortby)

sortby:可选,规定排序顺序。必须是函数。

如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较。

如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下:

若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。

若 a 等于 b,则返回 0。

若 a 大于 b,则返回一个大于 0 的值。

下面开始使用sort(sortby) 来进行这个排序,并打印到控制台:

function sortId(a,b){

return a.id-b.id

}

result.sort(sortId);

console.log(result);完整测试示例代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>www.gxlcms.com json数组排序</title>

</head>

<body>

<script>

var result = [

{id:1,name:'中国银行'},

{id:3,name:'北京银行'},

{id:2,name:'河北银行'},

{id:10,name:'保定银行'},

{id:7,name:'涞水银行'}

]

function sortId(a,b){

return a.id-b.id

}

result.sort(sortId);

console.log(result);

</script>

</body>

</html>然后查看控制台,排序成功:

相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

推荐阅读:

vuex入门教学步奏详解

怎样对vuex进阶使用

使用vue-admin-template优化步骤详解

91汽车资讯网还为您提供以下相关内容希望对您有帮助:

js如何操作json

1、首先前端一般是以对象的形式存数据,现在以对象的形式说怎么存。先声明一下需要存的对象。2、接着存这个对象的数据,JSON.stringify是把数据转换成字符串的形式。3、然后取对象数据,JSON.parse是把字符串数据转换为 Java...

JS判断json有哪些方法

x)其中第三种是最简单的方法,但是第三种就不能用if(x)这种互斥的方法去判断,只能在对象前面加!3、json的key是不可以重复的;jsonStr[key]="xxx"存在在替换,不存在则新增。

JavaScript的JSON对象如何使用

在JavaScript中,JSON对象中包含了两个方法:parse()方法、stringify()方法;使用JSON对象的这两个方法可以实现JSON字符串和JavaScript对象的互相转换。接下来的这篇文章就来给大家介绍关于JavaScript中JSON对象的使用方法。JavaScrip...

如何在JSON数组中添加新的元素

1、使用JavaScript中的push()方法push()方法可以将一个或多个元素添加到数组的末尾,并返回新数组的长度。在JSON数组中,我们可以使用该方法来添加新的元素。例如:`vardata={students:[Tom,Jack,Lucy,Jessica]};//添加一...

浅谈JS中的JSON.stringify() 和 JSON.parse()

我们知道, JSON.stringify() 和 JSON.parse() 是一对处理JSON数据的方法,前者是将JSON对象序列化为字符串,而后者是将JSON字符串解析为JSON对象。但是你有较为深入地去了解过它们吗?它们分别可以传入几个参数以及...

js怎样读取json里面的数据

var json = { contry:{ area:{ man:"12万", women:"10万" } } };//方式一:使用eval解析 var obj = eval(json); alert(obj.constructor);alert(obj.contry.area.women); //方式二:使用Funtion函数 ...

js中除了eval方法 还有什么方法来解析json

在JS中将JSON的字符串解析成JSON数据格式,一般有两种方式: 1.一种为使用eval()函数。 2. 使用Function对象来进行返回解析。 使用eval函数来解析,并且使用jquery的each方法来遍历 用jquery解析JSON数据的方法 ...

js遍历json对象(推荐)

有如下 json对象:var obj ={"name":"冯娟","password":"123456","department":"技术部","sex":"女","old":30};遍历方法:数组对象的遍历:下面我们对照一下js和jquer的遍历方法:原文网址: https://www.cnblogs...

js怎样生成json的数据?

1、按照描述,题主是想将多条数据记录提交到服务端,同时服务端将数据插入到数据库。那么思路是将多条数据存在数组中,调用post方法的接口传入后端。2、方法如下:var sendData = [];sendData.push({name:'david',age:'...

怎样使用JS实现json对象数组按对象属性排序

要根据id的大小进行排序,按照id小的json到id大的json顺序重新排列数组的顺序在js中添加排序的方法:这里使用JavaScript sort() 方法,首先解释下这个sort的方法语法:arrayObject.sort(sortby)sortby:可选,规定排序顺序。必...

Top