JavaScript-创建数组的两种方法,数组的遍历,lenght获取数组的长度,在数组末尾追加元素 - Go语言中文社区

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


数组概述

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

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)

在这里插入图片描述

版权声明:本文来源CSDN,感谢博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
原文链接:https://blog.csdn.net/weixin_44486539/article/details/102857237
站方申明:本站部分内容来自社区用户分享,若涉及侵权,请联系站方删除。

0 条评论

请先 登录 后评论

官方社群

GO教程

猜你喜欢