<!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. 控件屏蔽Ctrl+C 复制

    procedure ****.***KeyDown(Sender: TObject; var Key: Word; Shift: TShiftState); begin ) )) and (ssCtr ...

  2. java后台获取参数乱码

    String title = getParam("searchTitle"); title = new String(title.getBytes("iso8859-1& ...

  3. 最短路径&次短路径算法

    容易理解:https://blog.csdn.net/m0_37345402/article/details/76695930 https://blog.csdn.net/qq_36386435/ar ...

  4. QR 编码原理（三）

    一.日本汉字(KANJI)是两个字节表示的字符码,编码的方式是将其转换为13字节的二进制码制. 转换步骤为: 1.对于JIS值为8140(hex) 到9FFC(hex)之间字符: a)将待转换的JIS ...

  5. AD7729_双通道Sigma-Delta ADC

    sigma-delta adc的原理,就是通过一种结构把量化噪声调制到频谱的高端,也即对量化噪声而言,sdm是一个高通滤波器,而对基带信号则等价为一个全通滤波器,这样等价的基带信号的量化噪声就很小了, ...

  6. BIM 3D 数据交换格式 ----张建平（清华女）

    1.collada   EXPORTER 2.FBX    3D MAX 3.DAE 4.3D中的OBJ文件格式详解 (  http://www.cnblogs.com/slysky/p/408130 ...

  7. 华为QUIDWAY系列交换机的console重置

    作者:邓聪聪 华为QUIDWAY系列交换机的console重置 这里以华为QUIDWAY S3700密码清除为例: 各位看官请自行注意,这是两个不同版本设备的重置方法. 一:方法1 首先在电脑上新建一 ...

  8. CAD版本 注册表信息

      AutoCAD2002 AutoCAD.Application.15 AutoCAD2003 AutoCAD.Application.15.1 AutoCAD2004 AutoCAD.Applic ...

  9. 题解-bzoj4320 Homework

    Problem bzoj4320 Solution 前置技能:分块+线段树+卡常+一点小小的数学知识 考试时A的 这种题无论怎么处理总有瓶颈,套路分块,设\(k\)以下的插入时直接暴力预处理,查询时直 ...

  10. LabVIEW--为设备添加配置文件.ini

    需求:我同一个程序下载到两台机器人上,有些参数是不一样的,比如说服务器的ID或者端口,以及存放文件的位置,如果我每次下载之前改程序的话就非常麻烦了(虽然在程序里面是作为全局变量来存的),不利于后期的更 ...