JavaScript-创建数组的两种方法,数组的遍历,lenght获取数组的长度,在数组末尾追加元素

JavaScript 专栏收录该内容
43 篇文章 0 订阅

数组概述

数组是一组相关数据的集合,其中的每一个值被称作元素,每个元素在数组中都有对应的位置(下标)就是元素的索引,通过下标就能很方便的获取对应下标的元素;当我们想要连续存放多个数据时就可以使用数组来存储

JS数组的特点

  • JS 中的数组可以存储任意数据类型的数据
  • JS 中的数组属于动态数组,就是数组的长度可以动态改变

数组的创建

在 JS 中有两种创建数组的方式,一种是使用关键字 new, 另一种是通过字面量 []

通过关键字 new

语法:

var arr = new Array();

Array(arg) 是一个全局对对象,与 new 关键字结合使用可用于创建数组,该对象的参数可以有零个到多个

  • 当没有参数时,会创建一个长度为零的空数组
  • 当参数只有一个且为数字时这个参数用于设置数组的长度,数组默认为空
  • 当参数为多个时,参数之间用英文逗号隔开,这些参数会作为元素存储在数组中

示例:

// 通过 构造函数创建了一个长度为 5 的空数组
var arr = new Array(5);
console.log(arr, arr.length);

// 创建的数组长度为 5,最大下标为 4;
// arr[10] 为下标为 10 的元素,超出了创建的数组的最大长度,数组就会动态增加长度,此时数组的长度为 11
arr[10] = '熊大';
console.log(arr, arr.length);

在这里插入图片描述

通过字面量 [ ]

创建空数组:

var arr = [];

创建存储了相同数据类型的数组:

var arr = [1, 5, 3, 2, 7];

创建存储了不同数据类型的数组:

var arr = ['熊二', 18, 'boy']

在这里插入图片描述

获取、修改数组中的元素

想要获取或修改数组中的元素直接通过元素的索引(数组下标)即可获取元素;数组中元素的下标为数字类型,默认是从 0(零)开始累加

想要修改数组中指定下标的元素直接通过下标找到那个元素再通过赋值的方式即可修改

获取元素语法:

arr[index]

  • index 为元素在数组中的下标
// 创建数组
var arr = ['熊二', 18, 'boy']
console.log(arr)

// 获取元素
var temp = arr[1]
console.log(temp)

// 修改数组中元素下标为 1 的元素
arr[1] = 20
console.log(arr)

在这里插入图片描述

数组的 length 属性

数组拥有 lenght 属性,这个可以通过该属性来获取数组的长度

  • 当数组中的元素个数发生变化时,这个 length 属性会跟着一起变化
  • 数组的length属性可以被修改
    • 如果设置的length属性值大于数组元素的个数,则会在数组末尾出现空白元素;
    • 如果设置的length属性值小于数组元素的个数,则会把超过该值的数组元素删除

遍历数组中的元素

因为JS中的数组是动态数组且数组中元素的下标默认从 0(零)开始累加,所以可以通过循环遍历的方式获取、修改数组中的元素或向数组中添加元素

示例 ,循环数组数组中的元素:

var arr = ['熊二', 18, 'boy','喜欢蜂蜜', '有个大哥']

for (var i = 0; i < arr.length; i++) {
	console.log(arr[i])
}

在这里插入图片描述

如何在数组的末尾插入元素?

可以通过数组的 length 获取数组的长度值,将该长度值设置为元素的下标即可向数组中插入元素(数组元的下标是从0 开始,最大下标为 length-1,所以可以通过 length 的值向数组中添加元素)

示例:

var arr = ['熊二', 18, 'boy','喜欢蜂蜜', '有个大哥']
console.log(arr)

// 获取数组长度
var index = arr.length
// 添加元素
arr[index] = '喜欢翠花'
console.log(arr)

在这里插入图片描述

  • 4
    点赞
  • 1
    评论
  • 1
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 书香水墨 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值