前端

JSON简单理解

2019-01-10  本文已影响0人  OnesLife

本文主要简单的了解一下什么是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
上一篇 下一篇

猜你喜欢

热点阅读