资讯专栏INFORMATION COLUMN

JSON数据格式

IT那活儿 / 3037人阅读
JSON数据格式
点击上方“IT那活儿”公众号,关注后了解更多内容,不管IT什么活儿,干就完了!!!

概念介绍

JSON: JavaScript Object Notation(JavaScript 对象标记法)。
  • JSON 是一种存储和交换数据的语法。
  • JSON 是通过 JavaScript 对象标记法书写的文本。
  • 特点: JSON 比 XML 更小、更快,更易解析。

JSON和XML处理数据的区别

1. 为什么使用JSON
JSON 通常是用来进行前后端的数据交互的一种数据格式。
服务端转换成一个JSON格式的数据接口(作为文件或作为 HttpRequest),然后从 web 服务器上读取,然后将读取到的 JSON 数据转换为 JavaScript 对象,然后在网页中使用该数据。
2. 对于 AJAX 应用程序,JSON 比 XML 更快更易用
  • 使用 XML
    读取 XML 文档;
    使用 XML DOM 遍历文档;

    提取变量中存储的值。

  • 使用 JSON
    读取 JSON 字符串;
    JSON.Parse JSON 字符串。
3. JSON 与 XML 的差异
  • JSON 不使用标签;
  • JSON 更短;
  • JSON 的读写速度更快;
  • JSON 可使用数组。
最大的不同在于:

XML 必须使用 XML 解析器进行解析。而 JSON 可通过标准的 JavaScript 函数进行解析。

语法介绍

1. 基本定义
数据在名称/值对中:json数据是由键值对构成的,键用引号(单双都行)引起来,也可以不使用引号。
取值类型:
  • 数字(整数或浮点数)

    { "age":30 }

  • 字符串(在双引号中或单引号中)

    { "name":"Bill" }

  • 布尔值(true 或 false)

    { "sale":true }

  • 数组(在方括号中)
    {
    "employees":[ "Bill", "Steve", "David" ]

    }

  • 对象(在花括号中)
    {
    "employee":{ "name":"Bill Gates", "age":62, "city":"Seattle" }

    }

  • null
    { "middlename":null }
数据由逗号分隔:多个键值对由逗号分隔。
花括号保存对象:使用{}定义json 格式,可互相嵌套。
方括号保存数组:[]。
//基本格式
      let test1 = { name: "jojo", age: 22, bent: "vovo" };
      console.log(test1);
//嵌套格式 {}->[]
      let test2 = {
        data: [
          { name: "jojo", age: 22, bent: "vovo" },
          { name: "mark", age: 21, bent: "bmw" },
          { name: "tom", age: 22, bent: "Benz" },
        ],
      };
      console.log(test2);
//嵌套格式 []->{}
      let test3 = [
        { name: "jojo", age: 22, bent: "vovo" },
        { name: "tom", age: 22, bent: "Benz" },
      ];
      console.log(test3);
2. 获取数据

1)json对象.键名;

2)json对象["键名"];

3)数组对象[索引];

//基本格式
      let test1 = { name: "jojo", age: 22, bent: "vovo" };
      console.log(test1.name);
      console.log(test1["name"]);  
//嵌套格式 {}->[]
      let test2 = {
        data: [
          { name: "jojo", age: 22, bent: "vovo" },
          { name: "mark", age: 21, bent: "bmw" },
          { name: "tom", age: 22, bent: "Benz" },
        ],
      };
      console.log(test2.data[2].name);
//嵌套格式 []->{}
      let test3 = [
        { name: "jojo", age: 22, bent: "vovo" },
        { name: "tom", age: 22, bent: "Benz" },
      ];
      console.log(test3[0].name);
4)遍历
let test = { name: "jojo", age: 22, bent: "vovo" };
      for (var key in test) {
        console.log(key + ":" + test[key]);
      }
      //name:jojo
      //age:22
      //bent:vovo


本文作者:池思敏(上海新炬王翦团队)

本文来源:“IT那活儿”公众号

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/129343.html

相关文章

  • JSON数据格式的使用

    摘要:数据格式是一种轻量级的数据交换格式。为了对名为的对象进行转换,只需执行相同形式的命令这就是与本系列讨论的其他数据格式之间最大的差异。不过,我们读起来费解的语言,恰恰是适合机器阅读,所以通过的索引就能够读取黑龙江这个值。 JSON 数据格式 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。JSON采用完全独立于语言的文本格式,这些特性使...

    番茄西红柿 评论0 收藏0
  • JSON数据格式及其在WEB开发中的应用

    摘要:是什么是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,是原生格式,这意味着在中处理数据不需要任何特殊的或工具包。底层存储为格式是个构建在之上的新型查询语言。 JSON是什么? JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,JSON是 Java...

    red_bricks 评论0 收藏0
  • JSON:如果你愿意一层一层剥开我的心,你会发现...这里水很深——深入理解JSON

    摘要:说句玩笑话,如果是基于的,可能就叫了,形式可能就是这样的了,如果这样,那么可能现在是和比较密切了。此外,还有一个函数,我们较少看到,但是它会影响。 我们先来看一个JS中常见的JS对象序列化成JSON字符串的问题,请问,以下JS对象通过JSON.stringify后的字符串是怎样的?先不要急着复制粘贴到控制台,先自己打开一个代码编辑器或者纸,写写看,写完再去仔细对比你的控制台输出,如果有...

    Baaaan 评论0 收藏0
  • JSON对象与JSON(JavaScript Object Notation)

    摘要:对象注意这里的所说的对象是指,我们常用到的方法就是归于此对象。所以为方法返回与指定值相应的字符串。经过其处理后由变成了故打印经过处理后的结果注意最后一项后面的不见了这是因为经处理后,其变成了完全符合格式的文本。 JSON对象 注意这里的所说的JSON对象是指window.JSON,我们常用到的JSON.parse()||JSON.stringify()方法就是归于此对象。 typeo...

    XFLY 评论0 收藏0
  • AJAX学习笔记 - 通讯格式

    摘要:本文章记录本人在深入学习中看书理解到的一些东西,加深记忆和并且整理记录下来,方便之后的复习。格式数据极其的冗长。但是使用格式还是可能比实际的数据占用更多的空间。该字符串通过或者转换为一个本地的对象。 本文章记录本人在深入学习Javascirpt AJAX中看书理解到的一些东西,加深记忆和并且整理记录下来,方便之后的复习。 避免使用 XML 没有哪种格式从始至终比其他格...

    番茄西红柿 评论0 收藏0
  • JavaScript:JSON 和 JS 对象

    摘要:独立于语言和平台,解析器和库支持许多不同的编程语言。数据转换数据转换为对象解析器函数创建包含语法的字符串使用解析器,解析文本并生成对象使用函数时,必须为传入的数据参数添加括号,否则会报语法错误。 区别 JSON(JavaScript Object Notation)仅仅是一种数据格式(或者叫数据形式)。数据格式其实就是一种规范,按照这种规范来存诸和交换数据。就好像 XML 格式一样。 ...

    Miracle 评论0 收藏0

发表评论

0条评论

IT那活儿

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<