JavaScript JSON

前言

  • JSON(JavaScript Object Notation)JavaScript 对象表示法,是一种存储数据的方式。

  • JSON 是存储和交换文本信息的语法,类似 XML

  • JSON 比 XML 更小、更快,更易解析。

  • JSON 教程

  • JSON 快速入门

  • JSON 在线解析

1、JSON

  • JSON 对象由 “名称/值对” 组成,名称和值之间用冒号 “:” 隔开。

    • 名称必须用双引号包含起来。
    • 值可以是任意 JavaScript 数据类型,字符串,布尔,数字,数组甚至是对象。
    • 不同的名称/值对之间用逗号 “,” 隔开。
  • 创建 JSON 对象

    1
    var gareen = {"name": "盖伦", "hp": 616};
  • 访问 JSON 对象:通过点 “.” 访问 JSON 对象的属性。

    1
    2
    gareen.name;
    gareen.hp;

2、JSON 数组

  • 创建 JSON 数组:通过方括号 “[]” 创建JSON 数组。

    1
    2
    3
    4
    5
    6
    var heros = [
    {"name": "盖伦", "hp": 616},
    {"name": "提莫", "hp": 313},
    {"name": "死歌", "hp": 432},
    {"name": "火女", "hp": 389}
    ]
  • 访问 JSON 数组

    1
    heros[3].name;

3、对象转换

  • JavaScript 对象 分内置对象(Number, String, Array, Date, Math)和自定义对象。JSON 就是自定义对象,只不过是以 JSON 这样的数据组织方式表达出来,所以不存在 JSON 对象与 JavaScript 对象的转换问题。

  • 字符串转为 JSON 对象

    1
    2
    3
    var s = "{\"name\": \"盖伦\", \"hp\": 616}";         // JSON 格式的字符串

    var gareen = eval("(" + s + ")"); // 转为 JSON 对象,eval 函数要以( 开头,)结尾
    1
    var gareen = $.parseJSON(s);                        // 使用 JQuery 的 $.parseJSON 转换函数
  • JSON 对象转换为字符串

    1
    2
    3
    var gareen = {"name": "盖伦", "hp": 616};

    var heroString = JSON.stringify(gareen);
文章目录
  1. 1. 前言
  2. 2. 1、JSON
  3. 3. 2、JSON 数组
  4. 4. 3、对象转换
隐藏目录