<!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. pip问题

    “ModuleNotFoundError: No module named 'pip'”的解决方法:http://www.pianshen.com/article/476461202/ pip错误 I ...

  2. swap扩展

    没有独立的分区,本地回环设备(使用软件来模拟实现硬件) 创建一个镜像文件 https://blog.csdn.net/linuxnews/article/details/51271875 有独立的分区

  3. Java的Fork/Join任务

    当我们需要执行大量的小任务时,有经验的Java开发人员都会采用线程池来高效执行这些小任务.然而,有一种任务,例如,对超过1000万个元素的数组进行排序,这种任务本身可以并发执行,但如何拆解成小任务需要 ...

  4. dubbo学习笔记1

    DUBBO入门 官方文档:https://dubbo.gitbooks.io/dubbo-user-book/content/preface/ 服务提供者 项目结构: pom文件: <?xml ...

  5. Android 正则表达式验证手机号码

    方案一:比较精准的判断手机段位,但是随着手机号段的增多要不断的修改正则 public boolean isPhoneNumber1(String phone) { String regExp = &q ...

  6. 20165231 预习作业3 linux安装及学习

    linux安装 由于以前稍微关注过虚拟机相关知识,所以大致知道虚拟机软件的相关知识.目前我已知的普遍使用的虚拟机软件是VMware Workstation(下文简称VM),VirtualBox(下文简 ...

  7. Learning Spread-out Local Feature Descriptors

    论文Learning Spread-out Local Feature Descriptors 为什么介绍此文:引入了一种正则化手段,结合其他网络的损失函数,尤其是最新cvpr 2018的hardne ...

  8. CSDN沙龙记录

    Panel python踩过的坑 曹正: 原因:语言的理解不精准. 语言特性坑:函数的参数不可变类型的定义类似list[],惰性处理简而言之延后执行, 胡阳: gevent的问题,django连接池的 ...

  9. css3实现不同进度条

    进度条类型1(渐变进度条) 效果1:图片实现进度条 思路,进度条是一张图片,用定位来控制不同时间图片相对进度条box的left值来控制位置,用animate实现动画效果 html <div cl ...

  10. Hash之哈希表的详解

    Hash算法 Hash算法的原理; 决绝冲突的办法是: 线性探查法; 双散列函数法; 拉链法处理碰撞; 哈希原理及实现; 哈希表-Hash table, 也叫散列表;