1、json

    1.JSON对象;(ES5)
        1)JSON.stringify() json---js[json字符串--->JavaScript对象]
        2)JSON.parse() js---json【JavaScript对象--->json字符串】
    2.简写 
        1)(属性和值)名字一样可以简写 
        2)方法一样可以简写
    3.语法规则
        1)数据为 键/值 对
        2)数据由逗号分隔
        3)大括号保存对象
        {JSON 对象在大括号({})中书写,对象可以包含多个名称/值对}
        4)方括号保存数组 
        [JSON 数组在中括号中书写,数组可包含多个对象]
    4.JSON 值可以是:
        1)数字(整数或浮点数)
        2)字符串(在双引号中)
        3)逻辑值(true 或 false)
        4)数组(在中括号中)
        5)对象(在大括号中)
        6)null

2、json的标准写法:
    1.只能用双引号("");
    2.所有的(属性)名字只能用双引号("")包起来;
      如:
        {a:12, b:3, c:'aaa'}---》Wrong!
        {"a":12, "b":3, "c":'aaa'}---》Wrong!
        {"a":12, "b":3, "c":"aaa"}---》Yes!
    3.外面可以用单引号('')
     如:
       let str = '{"a":12, "b":3, "c":"aaa"}';

3、用例如下:

1. 把json变成js对象----JSON.stringify();

  1. let jsonObj = {a:12,b:3};
  2. let str = 'https://www.baidu.com/' + jsonObj;
  3. alert(str);
  4. // 输出:https://www.baidu.com/[object Object]
  5.  
  6. let jsonObj = {a:12,b:3};
  7. let str = 'https://www.baidu.com/' + JSON.stringify(jsonObj);
  8. alert(str);
  9. // 输出:https://www.baidu.com/{"a":12,"b":3}
  10. // JSON.stringify() 将一个json对象转换成普通字符串; stringify 字符串化
  11.  
  12. // 把字符串作为URI组件进行编码 encodeURIComponent
  13. let jsonObj = {a:12,b:3};
  14. let str = 'https://www.baidu.com/?data=' + encodeURIComponent(JSON.stringify(jsonObj));
  15. alert(str);
  16. // 输出:https://www.baidu.com/?data=%7B%22a%22%3A12%2C%22b%22%3A3%7D
2.把js对象变成json字符串----JSON.parse();
  1. /*
  2. 注意:Wrong!
  3. let str = "{a:12, b:3, c:'bbb'}";
  4. let jsonObj = JSON.parse(str);
  5. console.log(jsonObj);
  6. // Wrong!
  7. */
  8. let str = '{"a":12, "b":3, "c":"bbb"}';
  9. let jsonObj = JSON.parse(str);
  10. console.log(jsonObj);
  11. // 输出:{a: 12, b: 3, c: "bbb"}

3.关于简写

  1. // (属性和值)名字一样可以简写!
  2. let a = 2, b = 3;
  3. // let json = {a:a, b:b, c:15};
  4. let json = {a, b, c:15};
  5. console.log(json);
  6. // 输出:{a: 2, b: 3, c: 15}
  1. // 2.方法一样可以简写
  2. let json = {
  3. a:12,
  4. // json中写方法:
  5. show(){
  6. alert(this.a);
  7. }
  8. };

关于JSON使用要注意的地方的更多相关文章

  1. 使用json对象要注意的地方

    本人是初学渣渣,使用json过程中遇到常见的问题,总结如下: 1--json对象内部不要有注释,虽然不报错,但是会使得渲染界面失败: 2--json对象是没有length属性的,若想获取到这个leng ...

  2. 使用JSON.parse()转化成json对象需要注意的地方

    http://blog.csdn.net/u011277123/article/details/53055479 有三种方法: var str = '{"name":"小 ...

  3. 小程序里json字符串转json对象需注意的地方

    一.JSON字符串转换为JSON对象 要使用上面的str1,必须使用下面的方法先转化为JSON对象: //由JSON字符串转换为JSON对象 var obj = eval('(' + str + ') ...

  4. Android学习笔记之Fast Json的使用

    PS:最近这两天发现了Fast Json 感觉实在是强大.. 学习内容: 1.什么是Fast Json 2.如何使用Fast Json 3.Fast Json的相关原理 4.Fast Json的优势, ...

  5. JSON+YAML初步学习+ciscoconfparse

    Git git clone 在github.com右上角点击加号创建新的repository 在Linux或Mac命令行下,找到你想存放这个repository的目录,然后git clone 某个re ...

  6. JSON数据理解

    话说JSON数据平常用的确实挺多的,但是基本上只知道怎么用,对其一些细节并没有整理过,今儿趁着下午有点空,坐下来,学习整理下,并分享出来. 对于JSON,首先它只是一种数据格式,并非一种语言,虽然和j ...

  7. json对象和json字符串

    Javascript字符串与JSON字符串的最大区别在于,JSON字符串必须使用双引号(单引号会导致语法错误) 与Javascript的对象字面量相比,JSON对象有两个地方不一样.首先,没有声明变量 ...

  8. HttpClient获取返回类型为JSON或XML的数据

    Java_HttpClient获取返回类型为JSON或XML的数据 原创 2017年04月06日 17:38:29 706 HttpClient 获取返回类型为JSON或XML的数据 使用httpco ...

  9. 理解JSON的语法

    JSON语法可以分为三种类型: 简单值 对象 数组 简单值: 5 "Hello World" JavaScript字符串与JSON字符串的最大区别在于,JSON字符串必须使用双引号 ...

随机推荐

  1. tomcat 启动一傘而过问题

    tomcat 启动一傘而过问题 D:\apache-tomcat-7.0.75\bin startup.bat打开记事本打开 第一行:设置启动环境变量JAVA_HOME,CATALINA_HOME S ...

  2. mybatis动态update语句

  3. Linux内核设计与实现 总结笔记(第十四章)块I/O层

    一.剖析一个块设备 块设备最小的可寻址单元是扇区. 扇区大小一般是2的整数倍,最常见的是512字节. 因为各种软件的用途不同,所以他们都会用到自己的最小逻辑可寻址单元----块.块只能基于文件系统,是 ...

  4. 【rust】Rust 的构建系统和包管理工具Cargo认识并初步使用(2)

    Cargo 是 Rust 的构建系统和包管理工具,同时 Rustacean 们使用 Cargo 来管理它们的 Rust 项目.Cargo 负责三个工作:构建你的代码,下载你代码依赖的库并编译这些库.我 ...

  5. 把图片画到画布上,适应PC和移动端

    画一张图片到画布上 <canvas id="myCanvas" width="1000px" height="200px" >您 ...

  6. Wowza 4 vod 录播多层目录无法播放问题

    找到一个解决方案,但是无法下载zip包 https://stackoverflow.com/questions/21303361/how-to-stream-mp4-files-from-subdir ...

  7. linux sed 替换,使用变量,变量中含有特殊字符的处理

    文件 test.sh 内容如下: #!/bin/bash export JAVA_HOME=/data/jdk_1.9.0 echo $JAVA_HOME 想把 JAVA_HOME = 后面的内容替换 ...

  8. 后台管理模板ACE

    要做系统,界面展示效果较简单,1个开发人员,无美工,无前端! 以前一直用bootstrap来做界面.这次也走的老路!同样适用的bootstrap界面.做完之后,功能上,我还是比较满意的,兼容IE8+, ...

  9. #Week 11 - 343.Integer Break

    Week 11 - 343.Integer Break Given a positive integer n, break it into the sum of at least two positi ...

  10. WordPress致命错误 紧急处理代码

    将下面代码添加到当前主题函数模板 functions.php 中: dadd_filter( 'wp_fatal_error_handler_enabled', '__return_false' );