JSON笔记

JSON：JavaScript对象表示法，十一中储存数据的方式

一、创建与访问JSON对象

1.创建JSON对象

<script>
var gareen = {"name":"盖伦","hp":616};
  
document.write("这是一个JSON对象: "+gareen);
 
</script>

这是一个JSON对象: [object Object]

JSON对象必须由 名称/值 对，名称和值之间用冒号:隔开；名称必须用双引号""包含起来，值可以是JavaScript任意数据类型；不同的 名称/值 对之间用逗号,隔开


2.访问JSON对象

<script>
var gareen = {"name":"盖伦","hp":616};
 
document.write("英雄名称: " + gareen.name + "<br>");
document.write("英雄血量: " + gareen.hp + "<br>");
</script>

英雄名称: 盖伦
英雄血量: 616

通过.访问对象属性

二、JSON数组

1.创建JSON数组：通过方括号[]

<script>
 
var heros=
[
    {"name":"盖伦","hp":616},
    {"name":"提莫","hp":313},
    {"name":"死歌","hp":432},
    {"name":"火女","hp":389}
]
 
document.write("JSON数组大小"+heros.length);
 
</script>

JSON数组大小4


2.访问JSON数组：和普通数组一样，通过下标访问

<script>
  
var heros=
[
    {"name":"盖伦","hp":616},
    {"name":"提莫","hp":313},
    {"name":"死哥","hp":432},
    {"name":"火女","hp":389}
]
  
document.write( "第4个英雄是:" +  heros[3].name);
  
</script>

第4个英雄是:火女

三、对象转换

1.JSON结构的字符串转换为JSON对象：利用函数eval("("+s+")")//eval函数的内容要以(开头 )结尾

<script>
 
var s1 = "{\"name\":\"盖伦\"";
var s2 = ",\"hp\":616}";
var s3 = s1+s2;
 
document.write("这是一个JSON格式的字符串:" + s3);
document.write("<br>");
var gareen = eval("("+s3+")");
 
document.write("这是一个JSON对象: " + gareen);
  
</script>

这是一个JSON格式的字符串:{“name”:“盖伦”,“hp”:616}
这是一个JSON对象: [object Object]

2.JSON对象转换为字符串：JSON.stringify(x)

<script>
var hero = {"name":"盖伦","hp":"616"};
document.write("这是一个json 对象："+ hero);
document.write("<br>");
var heroString = JSON.stringify(hero)
document.write("这是一个json 字符串："+ heroString );
</script>

这是一个json 对象：[object Object]
这是一个json 字符串：{“name”:“盖伦”,“hp”:“616”}