<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>json数组</title>
<script src="js/jquery.min.js"></script>
<script>
//普通数组写法
var box = [{name: 'Linda', age: 28}, {name: 'Bob', age: 20}];
// alert(box);
//json数组写法(相比之下就是比普通的数组多两组引号)切记:键是双引号,否则会出错
var arr = [{"name":"Tony","age":20},{"name":"Jack","age":26}];
// var json = JSON.stringify(box);//转换成json字符串
// alert(json);//这里其实是有双引号的,只是我们看不到 // 在序列化 JSON 的过程中,stringify()方法还提供了第二个参数。第一个参数可以是一个
// 数组,也可以是一个函数,用于过滤结果。第二个参数则表示是否在 JSON 字符串中保留缩
// 进。
// var json = JSON.stringify(box, ['name', 'age'], );//输出结果是数组box所有代码原样输出,首行缩进4个字符 // 如果不需要保留缩进,则不填即可;如果不需要过滤结果,但又要保留缩进,则
// 将过滤结果的参数设置为 null。如果采用函数,可以进行复杂的过滤。
var json = JSON.stringify(arr, function (key, value) {
switch (key) {
case 'name' :
return 'Mr. ' + value;
case 'age' :
return value + '岁';
default :
return value;
}
}, 4);//4表示首行缩进:4
alert(json); //自定义过滤数组使用 toJSON()方法,返回某组对象中的指定的值 var list=[{"name":"Linda","age":20,"height":170,toJSON:function(){
return this.name;
}},{"name":"Bob","age":20,"height":180,toJSON:function(){
return this.height;
}}];
alert("list:"+JSON.stringify(list));//都是使用JSON.stringify方法解析数组的,否则输出效果是object
   JSON 字符串方法 parse()也可以接受第二个参数,这样可以在还原出 JavaScript 值
// 的时候替换成自己想要的值。注意引号的写法,否则输出会报错
var list1 = '[{"name" : "Tony","age" : 1},{"name" : "b","age" : 2}]';
var json1 = JSON.parse(list1, function (key, value) {
if (key == 'name') {
return 'Mr.' + value;
} else {
return value;
}
});
alert(json1[0].name);//输出结果:Mr.Tony,第一个下标

    </script>
</head>
<body> </body>
</html>

json数组的更多相关文章

  1. 文件缓存(配合JSON数组)

    1.  写入缓存:建立文件夹,把list集合里面的数组转换为JSON数组,存入文件夹2.  读取缓存:把JSON数组从文件夹里面读取出来,然后放入list集合,返回list集合 private fin ...

  2. Json数组追加数据

    背景:在做一个购物车的时候,点击第一个商品,然后存入一个json数组中,点击第二个商品的时候,又继续在json数组中追加,代码如下: <script type="text/javasc ...

  3. java 字符串转成 json 数组并且遍历

    当需要把一串字符串转成一个json 数组 ,并遍历其中的内容时. 首先要导入 net.sf.json.JSONArray和net.sf.json.JSONObject 两个jar 包 String s ...

  4. json数组的序列化和反序列化json数组的序列化和反序列化

    如题,我就不多说了,自己看代码的,很好理解 using System; using System.Collections.Generic; using System.Web; using System ...

  5. php返回json数组

    1.后端 //处理json数组中文问题 function arrayRecursive(&$array, $function, $apply_to_keys_also = false) { s ...

  6. JSON 数组的遍历解析

    刚遇到一个接接口任务,发现其中返回数据中,是个字符串数组,数组中就是单个json形式的内容,其实应该也可以称这种数据叫做json数组吧,只不过是字符串形式.而我需要的是将这种内容解析出来,取到对于ke ...

  7. 字符串集合或字符串数组转换成json数组

    字符串可以是List<String>类型的字符串集合,也可以是String[]类型的字符串数组,二者转换成JSON数组的方式没有什么不同.下面代码注意关键的部分即可(画红线部分). 1. ...

  8. Jquery调用Webservice传递Json数组

    Jquery由于提供的$.ajax强大方法,使得其调用webservice实现异步变得简单起来,可以在页面上传递Json字符串到Webservice中,Webservice方法进行业务处理后,返回Js ...

  9. JSON数组操作

    在jquery中处理JSON数组的情况中遍历用到的比较多,但是用添加移除这些好像不是太多. 今天试过json[i].remove(),json.remove(i)之后都不行,看网页的DOM对象中好像J ...

  10. select绑定json数组对象 asp.net

    ashx处理页 string JsonList = "["; IList<Models.Channel> ilist = BLL.ChannelManager.GetA ...

随机推荐

  1. 记录几个GIT命令

    更新:git pull 删除未提交的文件:git clean -f 删除未提交的文件夹:git clean -fd 查看状态:git status 查看分支:git branch 检出某分支:git ...

  2. wxpy: 用 Python 玩微信【转】

    转自:https://wxpy.readthedocs.io/zh/latest/index.html 微信机器人 / 可能是最优雅的微信个人号 API wxpy 在 itchat 的基础上,通过大量 ...

  3. Django:前后端分离后联调给前端传数据

    实现前后端分离后,有了下面几点改变: 1.服务器一分为二,前后端分别部署,静态资源放在前端服务器,业务代码放在后的服务器 2.前端服务器需要接收Http请求(一般使用node.js) 3.前端服务器需 ...

  4. 64位进程调用32位dll的解决方法 / 程序64位化带来的问题和思考

    最近做在Windows XP X64,VS2005环境下做32位程序编译为64位程序的工作,遇到了一些64位编程中可能遇到的问题:如内联汇编(解决方法改为C/C++代码),long类型的变化,最关键的 ...

  5. boost 文件系统

    第 9 章 文件系统 目录 9.1 概述 9.2 路径 9.3 文件与目录 9.4 文件流 9.5 练习  该书采用 Creative Commons License 授权 9.1. 概述 库 Boo ...

  6. DBUtils--数据库连接池

    介绍 DBUtils是一套Python数据库连接池包,并允许对非线程安全的数据库接口进行线程安全包装. pg大概是是PostgreSQL(基于PyGreSQL)数据库,DB是其他数据库 Steady[ ...

  7. git与eclipse集成之代码冲突与解决

    1.1. 代码冲突与解决 目前使用git管理代码,产生冲突的原因,主要是当多个人向特性分支提交代码时,如果两个人修改了同一个文件,第二个人提交代码时就可能会冲突. 举例说明: 创建远程特性分支.远程个 ...

  8. 032_nginx配置文件安全下载

    一. server { listen 8866; server_name _; access_log /usr/local/etc/nginx/log/download.access.log main ...

  9. Jmeter之模拟文件上传、下载接口操作

    上周群里有位同学,问我用jmeter怎么上传文件?因好久没用jmeter了,顺便自己也复习下,现整理出来和大家分享 一.准备工作: 上传接口一个(自行开发解决了) 下载接口 ps:没有困难创造困难也要 ...

  10. SQL语句常用约束类型

    常用五类约束: not null:非空约束,指定某列不为空  unique: 唯一约束,指定某列和几列组合的数据不能重复  primary key:主键约束,指定某列的数据不能重复.唯一  forei ...