JSON、JS对象、数组的区别

JSON:JavaScript Object Notation(JavaScript 对象表示法)

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

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

名称/值对包括字段名称(在双引号中),后面写一个冒号,然后是值

JSON 值可以是:

数字(整数或浮点数)
字符串(在双引号中)
逻辑值(true 或 false)
数组(在中括号中)
对象(在大括号中)
null
JSON 字符串
所谓json字符串,是指该字符串变量的值与json的格式相同,但是不是json对象
var str1 = '{ "name": "deyuyi", "sex": "man" }';

JSON 使用 JavaScript 语法
var JSONObject = {
    "name":"百度",
    "url":"www.baidu.com", 
    "slogan":"天天向上"
};

JSON 数字
{ "age":30 }

JSON 中的数组
1种写法
{
    "name":"网站",
    "num":3,
    "sites":[ "google", "baidu", "taobao" ]
}

2种写法
{
    "name":"网站",
    "num":3,
    "sites": [
        { "name":"百度" , "url":"www.baidu.com" }, 
        { "name":"google" , "url":"www.google.com" }, 
        { "name":"微博" , "url":"www.weibo.com" }
    ]
}

嵌套 JSON 对象中的数组
{
    "name":"网站",
    "num":3,
    "sites": [
        { "name":"google", "info":[ "Android", "Google 搜索", "Google 翻译" ] },
        { "name":"baidu", "info":[ "搜索", "外卖", "地图" ] },
        { "name":"Taobao", "info":[ "淘宝", "电商" ] }
    ]
}

JSON 布尔值
{ "flag":true }

JSON null
{ "runoob":null }

JS数组
var sites = [
    { "name":"百度" , "url":"www.baidu.com" }, 
    { "name":"google" , "url":"www.google.com" }, 
    { "name":"微博" , "url":"www.weibo.com" }
];
JS对象(字面量表示法)
var person = {
    firstname:"John",
    lastname:"Doe",
    age:50,
    eyecolor:"blue"
};

在使用for in遍历时,只能通过 myObj[x] 来获取相应属性的值,而不能使用 myObj.x

var myObj = { "name":"百度", "alexa":10000, "site":"www.baidu.com" };

for (x in myObj) { 
  document.getElementById("demo").innerHTML += myObj[x] + "
"; }
对比内容 JSON Javascript 对象
键名 必须是加双引号 可允许加单引号,双引号,也可以不加
属性值 只能是数值(10进制) ,字符串(双引号),布尔值和null,也可以是数组,符合JSON的对象,不能是函数,NaN,Infinity,-Infinity和undefined javascript 中的任意值
逗号问题 最后一个值后面不能有逗号 可以有逗号
数值问题 前导不能为0,小数点后会有值 都可以
对比内容 JSON 数组
下标 字符串 ["a"] 数字[0]
长度 没有length属性 有length属性

JSON 通常用于与服务端交换数据。
在接收服务器数据时一般是JSON 字符串。
我们可以使用 JSON.parse() 方法将JSON 字符串转换为 JavaScript 对象。

JSON.parse(text[, reviver])

参数说明:
text:必需, 一个有效的 JSON 字符串。
reviver: 可选,一个转换结果的函数, 将为对象的每个成员调用此函数。

在向服务器发送数据时一般是字符串。
我们可以使用 JSON.stringify() 方法将 JavaScript 对象转换为JSON 字符串。

JSON.stringify(value[, replacer[, space]])
参数说明:
space:可选,文本添加缩进、空格和换行符,
      如果 space 是一个数字,则返回值文本在每个级别缩进指定数目的空格,
      如果 space 大于 10,则文本缩进 10 个空格。space 也可以使用非数字,如:\t。

你可能感兴趣的:(JSON、JS对象、数组的区别)