美文网首页前端
JSON简单理解

JSON简单理解

作者: OnesLife | 来源:发表于2019-01-10 00:53 被阅读0次

本文主要简单的了解一下什么是json以及它的属性
1.JSON简介及简单的示例
2.JSON语法及嵌套
3.JSON项的修改、添加、删除
4.JSON的遍历

1、JSON简介及简单的示例

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一个子集。
JSON是Douglas Crockford在2001年开始推广使用的数据格式,在2005年-2006年正式成为主流的数据格式,雅虎谷歌就在那时候开始广泛地使用JSON格式。 --百度百科

数组与json有点类似,只不过数组的下标只能是阿拉伯数字,不能是我们任意取的。

var arr = ["篮球","足球","羽毛球","乒乓球"];
console.log(arr[2]);   //羽毛球

但是JSON不一样。

  var obj = {
    "name":"cheche",
    "age":18,
    "sex":"M"
  }
console.log(obj.name);  //cheche

二、JSON语法及嵌套

JSON语法

如上所示的简单示例可以看出JSON的基本语法:

  {
    "key":"value",
    "k":"v",
    "k":"v",
    "k":"v"
  }

JSON 语法规则

JSON 语法是 JavaScript 对象表示法语法的子集。

·数据在名称/值对中
·数据由逗号分隔
·花括号保存对象
·方括号保存数组

JSON 值

JSON 值可以是:

·数字(整数或浮点数)
·字符串(在双引号中)
·逻辑值(true 或 false)
·数组(在方括号中)
·对象(在花括号中)
·null

JSON的访问方式

1.使用点语法来访问某一个属性
2.使用[]来表示属性,需要注意的是,[]里面是变量

方法一:
  var obj = {
    "name":"cheche",
    "age":18,
    "sex":"M"
  }
console.log(obj.name);  //cheche
方法二:
  var obj = {
    "name":"cheche",
    "age":18,
    "sex":"M"
  }

①
var a = "name";
console.log(obj[a]); //cheche
②
console.log(obj["name"]); //cheche

JSON的嵌套

JSON里的值(value),可以再是一个JSON。
访问某一个值是连续使用点语法。

  var obj = {
    "name":"cheche",
    "age":18,
    "sex":"M",
    "hobby":{
       "sport":"run",
       "drink" :"Coffee"
    }
  }
console.log(obj.hobby.sport);  //run

三、JSON项的修改、添加、删除

某一项值的修改,使用点语法

  var obj = {
    "name":"cheche",
    "age":18,
    "sex":"M"
  }
obj.age = 20;
console.log(obj.age);  //20

增加json的里面的项,也是使用点语法

  var obj = {
    "name":"cheche",
    "age":18,
    "sex":"M"
  }
obj.height = 180;
console.log(obj.height);  //180

删除json中的某一项,使用delete关键字

  var obj = {
    "name":"cheche",
    "age":18,
    "sex":"M"
  }
 delete obj.age;
console.log(obj.age);  //undifine

四、JSON的遍历

JSON的遍历方法使用的是 for···in···语句。

  var obj = {
    "name":"cheche",
    "age":18,
    "sex":"M"
  }
for(var k in obj){
  console.log(k+":"+obj[k]);
}
控制台输出
name:cheche
age:18
sex:M

相关文章

  • JSON简单理解

    本文主要简单的了解一下什么是json以及它的属性1.JSON简介及简单的示例2.JSON语法及嵌套3.JSON项的...

  • 模拟JSON方法的代码理解

    在MDN上看到了在不支持JSON的环境中对JSON的模拟代码,理解一下 0. 代码如下: 1. 简单理解: 代码做...

  • JSON和JSONP的简单理解

    昨日去面试,面试官问道JSONP,可惜我没能好好答出关键,直说没用过,竟不知自己在实际上有用过只是没有认识这个东西...

  • json模块

    一、概念理解 1、json.dumps()和json.loads()是json格式处理函数(可以这么理解,json...

  • python中json文件处理涉及的四个函数json.dumps

    一、概念理解 1、json.dumps()和json.loads()是json格式处理函数(可以这么理解,json...

  • SpringMVC框架 -- json数据交互

    一.JSON简单介绍: 参考笔记:JSON简单快速入门 二.json数据交互 请求json 输出json 需要请求...

  • day8(1.10) JSON

    不颓废了,加油!我可以的。 本章内容 理解JSON语法解析JSON序列化JSON 对于json最重要的是理解它是一...

  • 20 JSON

    本章内容 理解 JSON 语法 解析 JSON 序列化 JSON 关于 JSON,最重要的是要理解它是一种数据格式...

  • 理解JSON

    ★有大神言:从结构上看,所有的数据(data)最终都可以分解成三种类型:第一种类型是标量(scalar),也就是一...

  • 理解JSON

    大纲:JSON概念JSON语法(简单值,对象,数组,结合)解析JSON 1、JSON是什么? JSON是一种数据格...

网友评论

    本文标题:JSON简单理解

    本文链接:https://www.haomeiwen.com/subject/thznrqtx.html