获取数组元素|学习笔记

简介: 快速学习 获取数组元素

开发者学堂课程【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]);

所以,获取数组中的元素,直接找到对应数组中对应元素的下标就可以。不管这个数组里还有多少级数组,都依次寻找下标。这就是获取数组元素的一种方法。

相关文章
|
API 对象存储 网络架构
OSS restful API 调用 put,上传文件,python发http request示例
发送put 请求,向bucket中写入文件,代码中*** 的部分改成实际内容。rest请求主要问题在拼header时authorization可能会有问题,注意生成signature时的入参。#tested env: python version v3.9.6 #author: Fred #2022-1-11 import hmac import hashlib import base64 im
1486 0
|
存储 安全 Java
ConcurrentLinkedQueue详解
通过本文的介绍,希望您能够深入理解 `ConcurrentLinkedQueue`的工作原理、主要特性、常用方法以及实际应用,并在实际开发中灵活运用这些知识,编写出高效、健壮的并发程序。
312 3
|
6月前
|
安全 网络协议 Linux
Linux查 ssh端口号和服务状态
本指南详细介绍如何检查SSH服务的运行状态,包括通过进程命令验证服务启动、查看监听端口、检测系统服务状态以及防火墙配置。同时提供安全建议,如修改默认端口、禁用密码登录和定期更新系统,确保SSH服务稳定与安全。适用于不同Linux发行版(Systemd/SysVinit),帮助用户全面排查和优化SSH配置。
|
前端开发 JavaScript 开发者
深入解析前端开发中的模块化与组件化实践
【10月更文挑战第5天】深入解析前端开发中的模块化与组件化实践
363 1
|
Java Linux 网络安全
Halo
【6月更文挑战第20天】
357 3
|
Ubuntu Linux Python
|
小程序 API 开发者
【异常解决】“errcode“:47003,“errmsg“:“argument invalid! data.date4.value invalid rid:xxxxxx
【异常解决】“errcode“:47003,“errmsg“:“argument invalid! data.date4.value invalid rid:xxxxxx
1732 0
【异常解决】“errcode“:47003,“errmsg“:“argument invalid! data.date4.value invalid rid:xxxxxx
|
域名解析 存储 网络协议
你知道CDN是什么吗?本文带你搞明白CDN
你知道CDN是什么吗?本文带你搞明白CDN
5816 1
|
JSON JavaScript 前端开发
vue中使用echarts实现省市地图绘制,根据数据在地图上显示柱状图信息,增加涟漪特效动画效果
vue中使用echarts实现省市地图绘制,根据数据在地图上显示柱状图信息,增加涟漪特效动画效果
4179 0
|
Linux C语言
Linux 下pause函数是如何实现的?
Linux 下pause函数是如何实现的?
337 0