• JSON学习整理


      这两天在学习Angular,顺便复习了一下JSON的使用方法。。 虽然感觉JSON很简单,但是每次想描述一下的时候又常常找不到词形容,还是练的太少。。

    这次不再是用本子记笔记,而是用word进行了整理,用Brackets来练习代码,边记边练,以后会放弃使用本子来记,发觉抄写了两本本子之后,很多内容还是没记住。   

    JSON学习笔记

    JavaScript Object Notation  js对象表示法

    它是轻量级的文本数据交换格式,独立于语言*,具有自我描述性,更容易理解,json使用js语法来描述数据对象,但是json仍然独立于语言和平台,json解释器和json库支持很多不同的编译语言,目前非常多的动态编译语言都支持json。

    JSON - 转换为 JavaScript 对象

    JSON文本格式在语法上与创建js对象的代码相同,

    由于这种相似性,无需解析器,js程序能够使用eval()函数,用json数据来生成原生的js对象

    JSON 语法规则

    数据在 名称/值 对中  包含在双引号之中

    数据由逗号分隔

    大括号保存对象

    中括号保存数组

    例如json:"name" : "菜鸟教程" 等价于js中这样书写:  name = "菜鸟教程";

    JSON 值:

    可以是 数字,字符串,逻辑值,数组,对象,null

     

    数字:    { “age” : 30 }

    对象:   { "name":"菜鸟教程" , "url":"www.runoob.com" }

    数组: 

     Sites是包含了三个对象的数组,每一个对象有自己的name和url属性

    JSON 使用 JavaScript 语法

      因为 JSON 使用 JavaScript 语法,所以无需解析器就能处理js中的json。

     

    这样就可以访问sites中的每个对象的属性。   Sites[0].name;

    也可以对json数据进行修改。

    JSON 对象

    对象语法  {“name”:”runoob” , “alexa”:1000,”site”null}

    Json对象使用在大括号中书写,可以包含多个键值对,key必须是字符串,value是合法的json数据类型,key和value用冒号分割,每个键值对中间用逗号分割。

    可以使用 .  来访问对象的值,也可以使用中括号来访问对象的值,中括号之间是key,必须是字符串

    可以使用for-in 来循环对象属性:

    var myObj = { "name":"runoob", "alexa":10000, "site":null };

     for (x in myObj) { document.getElementById("demo").innerHTML += x + "<br>"; }

    循环对象的属性时,使用中括号[]来访问属性的值:

    因为循环的时候x实际上指的是key,是字符串,所以不能直接用 . 来访问key的值

    嵌套 JSON 对象

    JSON 对象中可以包含另外一个 JSON 对象:

     

    同样可以修改对象对应属性的值,并且可以用delete来删除对象的属性

    JSON 数组

    使用数组最为json对象:

    Var  oJson = [“xxx”,”xxx”,”xxx”];

    数组必须在中括号中书写,数组中的值必须是合法的json数据类型(数值,字符串,布朗,对象,数组或者null)

    可以使用索引来访问数组还有数组,对象中的数组。

    也可以使用for-in 来循环数组

    JSON.parse()

    JSON常用于与服务端交换数据,在接受服务器数据时一般是字符串

    我们可以使用JSON.parse()方法将数据转化为js对象

    语法: JSON.parse(text[,reviver])   text必须是一个有效地JSON字符串

    在线工具检测:https://c.runoob.com/front-end/53

    Reviver可选,一个转换结果的函数,将为对象的每个成员调用此函数。

    从服务端接收 JSON 数据

    如果从服务端接收的是数组的 JSON 数据,则 JSON.parse 会将其转换为 JavaScript 数组

     

    JSON不能储存Date对象,如果你要储存Date对象,需要将其转化为字符串,之后再讲字符串转化为Date对象,时间对象

    我们可以启用JSON的第二个参数 reviver,一个转化结果的函数,对象的每个成员调用该函数

     

    解析函数

    JSON不允许包含函数,但是你可以把函数作为字符串储存,然后再用eval()将字符串解析为函数。

    JSON.stringify()

    JSON 通常用于与服务端交换数据。

    在向服务器发送数据时一般是字符串。

    我们可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串

    简单来说就是会把js对象转化为等价的JSON字符串

    var foo = {bar:"new property",baz:3};
    var jsonString = JSON.stringify(foo);
    console.log(jsonString);//{"bar":"new property","baz":3}

    语法:

    JSON.stringify(value[, replacer[, space]])

    value:

    必需, 一个有效的 JSON 字符串。

    replacer:

    可选。用于转换结果的函数或数组。

    该参数可以是多种类型,如果是一个函数,则它可以改变一个javascript对象在字符串化过程中的行为, 如果是一个包含 String 和 Number 对象的数组,则它将作为一个白名单.只有那些键存在域该白名单中的键值对才会被包含进最终生成的JSON字符串中.如果该参数值为null或者被省略,则所有的键值对都会被包含进最终生成的JSON字符串中

    space:

    可选,文本添加缩进、空格和换行符,如果 space 是一个数字,则返回值文本在每个级别缩进指定数目的空格,如果 space 大于 10,则文本缩进 10 个空格。space 有可以使用非数字,如: 。

    例如下面:

     

     

    最后一个参数,space可以用来dump对象,将复杂的对象直观清晰地显示出来,例如:

     

    结果非常清晰~!

     

    JSON 不能存储 Date 对象。

    JSON.stringify() 会将所有日期转换为字符串。

    解析函数

    JSON 不允许包含函数,JSON.stringify() 会删除 JavaScript 对象的函数,包括 key 和 value。

    我们可以在执行 JSON.stringify() 函数前将函数转换为字符串来避免以上问题的发生

  • 相关阅读:
    一个.java源文件中可以有多个类吗?(内部类除外)有什么条件?
    接口中定义的变量为什么是常量
    关于String s = new String("xyz");创建了几个字符串对象?的问题
    java面试题之----JVM架构和GC垃圾回收机制详解
    Object中的clone方法
    C/S与B/S架构的区别和优缺点
    EJB是什么?
    JNDI是什么,怎么理解
    java中什么是上下文(servletContext)
    java面试题----String、StringBuffer、StringBudder区别
  • 原文地址:https://www.cnblogs.com/oldchicken/p/6479441.html
Copyright © 2020-2023  润新知