位置:电子教程 > JSON教程 (如果看不到内容请使用360浏览器) 推荐学习资源
JSON 简介
JSON 语法
JSON 对象
JSON 数组
JSON.parse()
JSON.stringify()转字符串
eval函数
当前阅读教程:JSON教程 > JSON 对象中的数组
阅读(22555525)      收藏       赞(5685)      分享
上一篇: JSON 数组 下一篇: 数组的循环访问

简易数组

代码如下:

<!DOCTYPE html >

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title> </title>

</head>

<body>

 

<p>数组的访问:</p>

<p id="demo"></p>

<p id="demo2"></p>

 

<script>

var myObj, x;

myObj = [ "Google", "Runoob", "Taobao" ];

x = myObj[0];

document.getElementById("demo").innerHTML = x;

</script>

 

</body>

</html>

效果如图8-4-1-1

image.png

数组作为属性

代码如下

{ "name":"网站", "num":3, "sites":[ "Google", "Runoob", "Taobao" ] }

我们可以使用索引值来访问数组,实例:

x = myObj.sites[0];

完整实例:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>JS中文教程网 8939.org</title>

</head>

<body>

 

<p>访问 JSON 对象数组值。</p>

<p id="demo"></p>

 

<script>

var myObj, x;

myObj = {

     "name":"网站",

     "num":3,

     "sites":[ "Google", "Runoob", "Taobao" ]

}

x = myObj.sites[0];

document.getElementById("demo").innerHTML = x;

</script>

 

</body>

</html>

效果如图8-4-1-2

image.png



上一篇: JSON 数组 下一篇: 数组的循环访问
计算机毕业设计作品网      毕业设计文档网      小程序教程网       毕业设计资料网  |         毕业设计定制QQ:45157718(微信同号)(备注:毕设)