zfxcms ^回到顶部

您的当前位置:首页 > web资讯 > JS > json简介

json简介

所属分类: JS   2019-12-27 15:10:51  编辑:admin  浏览次数 602 次

创建JSON对象

<script>

var gareen = {"name":"盖伦","hp":616}; 

document.write("这是一个JSON对象: "+gareen);

</script>

访问JSON对象

通过“.”访问JSON对象的属性

<script>

var gareen = {"name":"盖伦","hp":616};

document.write("英雄名称: " + gareen.name + "<br>");

document.write("英雄血量: " + gareen.hp + "<br>");

</script>

JSON数组

创建JSON数组

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

<script>

var heros=

[

    {"name":"盖伦","hp":616},

    {"name":"提莫","hp":313},

    {"name":"死歌","hp":432},

    {"name":"火女","hp":389}

]

document.write("JSON数组大小"+heros.length);

</script>

访问JSON数组

访问JSON数组和访问普通数组一样,通过下标访问

<script>

var heros=

[

    {"name":"盖伦","hp":616},

    {"name":"提莫","hp":313},

    {"name":"死哥","hp":432},

    {"name":"火女","hp":389}

]

document.write( "4个英雄是:" +  heros[3].name);

</script>

对象转换

JSON对象与JavaScript对象

JavaScript对象分内置对象(Number,String,Array,Date,Math)自定义对象

JSON就是自定义对象,只不过是以JSON这样的数据组织方式表达出来

所以不存在JSON对象与JavaScript对象的转换问题

字符串转为JSON对象

通过字符串拼接得到一个JSON结构的字符串,并不是一个JSON对象。 需要通过eval转换得到
转换的时候注意,eval 函数要以( 开头,)结尾
或者使用JQuery$.parseJSON转换函数

<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对象转换为字符串

json 对象因为是一个javascript对象,所以如果直接打印的话,看不到里面的内容。
有时候要看看这个对象是不是我们期望的,所以需要通过 JSON.stringify 函数把它转换为字符串

<script>

var hero = {"name":"盖伦","hp":"616"};

document.write("这是一个json 对象:"+ hero);

document.write("<br>");

var heroString = JSON.stringify(hero)

document.write("这是一个json 字符串:"+ heroString );

</script>


Web文章检索

Web文章目录