开发者学堂课程【JavaScript 入门与实战:获取数组元素】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/582/detail/8033
获取数组元素
内容介绍:
一、获取数组元素示例
一、获取数组元素示例
1、示例解析
继续用上一章节的 code03 文件下 0.6.html 的文件编辑:
1 <
!
DOCTYPE html>
2 <html lang="en">
3 <head>
4
<meta charset="UTF-8">
5
<meta name="viewport" content= "width=device-width,
initial -scale=1.0"
6
<meta http-equiv="X-UA- Compatible"content="ie=edge" >
7
<title>Document</title>
8
</head>
9
<body>
10
11 </body>
12 <script>
13 var a1 = ['red',' green','yellow' ];
14 console. log(a1[2]);
15 </script>
16 </html>
这里有一个数组叫 a1,数组内容为 'red',' green','yellow' 。如果想直接获取 'yellow',可通过他们的标号来获取,因为每一个值都是有标号的,从 0 开始,0,1,2,3……
数组内容的标号被称为下标。
'red' 标号为 0,' green' 标号为 1,'yellow' 标 号为 2。a1[2] 表示获取标号为 2 的元素。
打开 Open InDefault Browser 浏览器,选择检查,点击 Console,可看到返回结果为:yellow
2、示例解析②
修改上述程序段为:
13
var a2 = ['路飞','那么美' ,['巴基’,'小丑',['乔巴','索降']]];
14 console. log(a2[2][1])
这里的 a2 里有 3 个方括号。
第一个[]数组里的'路飞'为 0 号元素,'那么美'为 1 号元素,['巴基’,'小丑',['乔巴','索降']]为 2 号元素。
第二个[]数组里的'巴基’为 0 号元素,'小丑'为 1 号元素,['乔巴','索降']为 2 号元素。
第二个[]数组里的'乔巴'为 0 号元素,'索降'为 1 号元素。
a2[2][1] 表示第二个数组里的 1 号元素。
刷新浏览器可得到结果:小丑
相应的,要查找'索降',则程序段改为:
console. log(a2[2][2][1]);
所以,获取数组中的元素,直接找到对应数组中对应元素的下标就可以。不管这个数组里还有多少级数组,都依次寻找下标。这就是获取数组元素的一种方法。