<!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. python3.7中asyncio的具体实现

    讲讲我在使用python异步IO语法时踩过的坑 简单介绍异步IO的原理 以及利用最新语法糖实现异步IO的步骤, 然后给出实现异步的不同例子 网上找了很多python的asyncio示例.很多都是用 # ...

  2. POJ 1458 Common Subsequence 最长公共子序列

    题目大意:求两个字符串的最长公共子序列 题目思路:dp[i][j] 表示第一个字符串前i位 和 第二个字符串前j位的最长公共子序列 #include<stdio.h> #include&l ...

  3. 20165237 2017-2018-2 《Java程序设计》第四周考试补做及2-3章编程题

    20165237 2017-2018-2 <Java程序设计>第四周考试补做及2-3章编程题 测试JDB: 用JDB调试上一个程序,输入1.2.3: 2-3章编程题代码托管 (程序的运行结 ...

  4. Navicat for Mysql连接mysql数据库时出现 2003-Can't connect to MySql server on 'localhost'(10061)

    一.环境:linux服务器下 二.问题:在windows7下使用Navicat for Mysql连接mysql数据库时出现 2003-Can't connect to MySql server on ...

  5. [转载]Meta Learning单排小教学

    原文链接:Meta Learning单排小教学 虽然Meta Learning现在已经非常火了,但是还有很多小伙伴对于Meta Learning不是特别理解.考虑到我的这个AI游乐场将充斥着Meta ...

  6. PL/SQL 加字段 修改数据库之后 之后记得保存脚本

  7. Debian 9 美化界面

    Debian 桌面美化 安装 gnome-tweak-tool aptitude install gnome-tweak-tool 登陆gnome-look下载主题包 gnome-look上有很多主题 ...

  8. （转载）深度剖析 | 可微分学习的自适配归一化 (Switchable Normalization)

    深度剖析 | 可微分学习的自适配归一化 (Switchable Normalization) 作者:罗平.任家敏.彭章琳 编写:吴凌云.张瑞茂.邵文琪.王新江 转自:知乎.原论文参考arXiv:180 ...

  9. linux服务器ntp客户端配置【转】

    转自:https://www.cnblogs.com/kerrycode/archive/2015/08/20/4744804.html 在Linux系统中,为了避免主机时间因为在长时间运行下所导致的 ...

  10. keepalived 的某台vip连接不通【原创】

    keepalived 的某台vip连接不通,vip可以漂移到这台服务器,但是ping vip不通,telnet vip 3306服务也不通,但是telnet 服务器真实物理IP 3306是通的. 切换 ...