js json数组 json 数据放数组

编程之家2026-06-28950次浏览

本篇文章给大家谈谈js json数组，以及json 数据放数组对应的知识点，文章可能有点长，但是希望大家可以阅读完，增长自己的知识，最重要的是希望对各位有所帮助，可以解决了您的问题，不要忘了收藏本站喔。

js中如何向json数组添加元素

如果想对json数组进行操作向其中添加元素，将其转化为数组对象。

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

为了取得技术优势，微软推出了JScript，CEnvi推出ScriptEase，与JavaScript同样可在浏览器上运行。为了统一规格，因为JavaScript兼容于ECMA标准，因此也称为ECMAScript。

扩展资料:

JSON(JavaScriptObject Notation, JS对象简谱)是一种轻量级的数据交换格式。它基于ECMAScript(欧洲计算机协会制定的js规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。

JSON(JavaScript Object Notation)是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition- December 1999的一个子集。

JSON是Douglas Crockford在2001年开始推广使用的数据格式，在2005年-2006年正式成为主流的数据格式，雅虎和谷歌就在那时候开始广泛地使用JSON格式。

在 JS语言中，一切都是对象。因此，任何支持的类型都可以通过 JSON来表示，例如字符串、数字、对象、数组等。但是对象和数组是比较特殊且常用的两种类型。

对象：对象在 JS中是使用花括号包裹{}起来的内容，数据结构为{key1：value1, key2：value2,...}的键值对结构。在面向对象的语言中，key为对象的属性，value为对应的值。键名可以使用整数和字符串来表示。值的类型可以是任意类型。

数组：数组在 JS中是方括号 []包裹起来的内容，数据结构为 ["java","javascript","vb",...]的索引结构。在 JS中，数组是一种比较特殊的数据类型，它也可以像对象那样使用键值对，但还是索引使用得多。同样，值的类型可以是任意类型。

参考资料来源：百度百科:JSON

JS解析json数据(怎么将json字符串转化为数组)

<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE> New Document</TITLE>

var t="{'firstName':'cyra','lastName':'richardson','address':{'streetAddress':'1 Microsoft way','city':'Redmond','state':'WA','postalCode': 98052},'phoneNumbers': ['425-777-7777','206-777-7777' ]}";

var jsonobj=eval('('+t+')');

alert(jsonobj.firstName);

alert(jsonobj.lastName);

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<myobj.length;i++){

alert(myobj[i].name);

alert(myobj[i].age);

}

var t3="[['<a href=# onclick=openLink(14113295100,社旗县国税局桥头税务所,14113295100,d6d223892dc94f5bb501d4408a68333d,swjg_dm);>14113295100</a>','社旗县国税局桥头税务所','社旗县城郊乡长江路西段']]";

//通过eval()函数可以将JSON字符串转化为对象

var obj= eval(t3);

for(var i=0;i<obj.length;i++){

for(var j=0;j<obj[i].length;j++){

alert(obj[i][j]);

}

//stringifier函数的作用跟 parse相反，用来将一个js对象转换为 JSON文本。

var jsonText= JSON.stringify(obj);

alert(jsonText);

//如果基于安全的考虑的话，最好是使用一个 JSON解析器。一个 JSON解析器将只接受 JSON文本。所以是更安全的。

var myObject= JSON.parse(myJSONtext, filter);

//可选的 filter参数将遍历每一个value key值对，并进行相关的处理。如：

//如

myData= JSON.parse(text, function(key, value){

return key.indexOf('date')>= 0? new Date(value): value;});

//stringifier函数的作用跟 parse相反，用来将一个js对象转换为 JSON文本。

var myJSONText= JSON.stringifier(myObject);

</SCRIPT>

</HEAD>

<BODY>

</BODY>

</HTML>

怎样使用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>

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

</head>

<body>

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网其它相关文章！