js如何使用索引访问数组对象中的元素

文章2022-07-2977 人已阅来源：网络

上一篇文章中我们了解了什么是数组，如何去创建一个数组，请看《如何给js创建一个数组对象》。这次我们来了解一下使用索引访问数组对象中元素的方法，有需要的可以参考参考。

当我们创建了数组之后，需要怎么做呢？是不是应该将创建好的数组里的元素给输出，那应该如何输出呢？今天来说一下。

我们先来看一个小例子。

<script>
var arr = new Array(3); 
arr[0] = "one";
arr[1] = "two";
arr[2] = "three";
var first = arr[0];
console.log(first);
var last = arr[arr.length - 1];
console.log(last);
</script>

这个小例子在控制台的输出结果是

js如何使用索引访问数组对象中的元素

可以看到控制台上输出了这个数组对象的第一个元素和最后一个元素。那这是怎么做到的呢？我们一起来看一下。

在这个例子中，可以看到，它使用了“arr[0]”或是“arr[arr.length - 1]”，看来如果我们想要访问数组对象中的元素的话，需要使用“数组对象[下标]”来实现。

这里有一点需要我们注意：[0]是数组的第一个元素。[1] 是数组的第二个元素。

如果我们访问的数组中不存在的元素，那么我们将返回“undefined”。

例如，我们如果访问的不是“arr[arr.length - 1]”，而是“arr[arr.length]”，这个时候我们将返回“undefined”了。为什么呢？都知道length这个单词是长度的意思，在这个例子里，我们是访问这个数组的长度，当我们访问这个数组长度的元素是，我们可以知道，我们访问的是arr[3]。在数组中，我们使用[0]来代表数组的第一个元素，那就意味着，我们将使用“length - 1”代表数组的最后一个元素。既然如此，那么arr[3]将不存在，返回“undefined”了。

【推荐学习：javascript高级教程】

以上就是js如何使用索引访问数组对象中的元素的详细内容！

相关内容

5个有用的css函数（分享）
CSS包含了许多函数，而且它能够完成许多早期需要用JavaScript才能完成的事情。每年都有新的特性被添加进来，这让我们的开发更加轻松，也减少了对JavaScript的依赖。...
详解CSS3+SVG滤镜实现不规则边框的方法
本篇文章将介绍一种配合SVG滤镜实现各种不规则图形添加边框的小技巧。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。需求背景，给不规则图形添加边框在我们日常开发...
使用JS或CSS如何实现瀑布流布局，几种方案介绍
本篇文章带大家了解一下瀑布流布局，介绍一下三种靠谱JS方案，以及N种不靠谱CSS方案。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。本着实用精神，我们今天来分...
让人眼前一亮的五个前端小技巧
为了让大家编程更轻松一些，本挑选一些有用的但相对比较少见有用的技巧。废话不多说，开车了。1.快速隐藏要隐藏一个DOM元素，不需要JavaScript。一个原生的HTML属性就足...
如何实现炫酷的数字大屏
依托强大无远开发平台，可以快速实现带各种酷炫联动效果的数字化大屏。一起来看一下吧DEMO地址：https://previewer.wuyuan.io/p...配置地址：http...
CSS+JS实现爱心点赞按钮（代码示例）
本篇文章给大家介绍一下CSS+JS实现一个“爱之满满”点赞按钮的方法，希望对大家有所帮助！前段时间在看一档说唱节目，被里面的一个说唱歌手JBcob的爱之满满这句词给洗脑了。于是...
总结整理：需要避坑的五大常见css错误（收藏）
本篇文章给大家总结5个最常见的css错误，并介绍一下避坑方法，希望对大家有所帮助！正如我们今天所知，CSS语言是web的一个重要组成部分。它使我们有能力绘制元素在屏幕、网页或其...
javascript如何将时间字符串转化为时间
javascript将时间字符串转化为时间的方法：1、根据毫秒数构建Date对象，代码为【vardate=newDate(timestamp)】；2、格式化日期，代码为【dat...
javascript如何定义私有方法
javascript定义私有方法的方法是类的构造函数里定义的function，即为私有方法，代码为【this.getSalary=function(){returnsalary...
ajax和javascript的区别是什么
ajax和javascript的区别：1、javaScript一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能；2、AJAX是一种创建交互式网页应用的网...

浏览更多有关 javaScript 的内容