22 JS数组的基本操作——访问遍历修改删除

1、访问数组元素

数组名[下标]

2、遍历数组元素

所谓遍历数组就是依次访问数组中所有元素的操作。

(1)for
利用下标遍历数组可以使用:for

var arr=['篮球','足球','乒乓球','羽毛球','排球']
console.log(arr.length,arr[4])
for(var i=0;i<arr.length;i++){
	console.log(arr[i])
}

(2) for…in
利用下标遍历数组可以使用:for…in语句

for (variable in object) {...}

for…in中的variable指的是数组下标,object表示数组的变量名称。

for(i in arr){
			console.log(arr[i])
}

除此之外,若object是一个对象,for…in还可以用于对象的遍历。

(3) for…of
ES6新增的for…of语法,可以更方便地对数组进行遍历。
在这里插入图片描述

3、添加数组元素

数组名[下标]
在这里插入图片描述

  • 添加数组元素:数组名[下标] = 值。
  • 允许下标不按照数字顺序连续添加,未设置具体值的元素,会以空存储位置的形式存在。
  • 数组中元素保存顺序与下标有关,与添加元素的顺序无关。
    在这里插入图片描述

4、修改数组元素

修改元素与添加元素的使用相同,区别在于修改元素是为已含有值的元素重新赋值。
在这里插入图片描述

5、删除数组元素

delete关键字只能删除数组中指定下标的元素值,删除后该元素依然会占用一个空的存储位置。
在这里插入图片描述

6、解构赋值

对于变量的声明与赋值,ES6还提供了解构赋值。
解构赋值时,JavaScript会将=右侧[]中的元素依次赋值给=左侧[]中的变量。

  • 当左侧变量的数量小于右侧的元素的个数,则忽略多余的元素。
  • 当左侧变量数量大于右侧的元素个数时,则多余的变量会被初始化为undefined
    在这里插入图片描述
  • 解构赋值时右侧的内容还可以是一个变量。
  • 通过解构赋值完成两个变量数值的交换。
    在这里插入图片描述

7、案例:查找最大值与最小值

在这里插入图片描述

8、练习:求字符串数组中每一项的长度

已知一个字符串数组,求字符串数组中每一个字符串的长度,存储到一个新的数组中。

  • 定义一个数组array,存放字符串元素。
  • 定义个新数组newArray,用来存放字符串长度。
  • for循环遍历array数组,并把每一项元素的长度赋值给newArray
  • 输出newArray新数组。

9、练习:数组去元素

移出数组arr(['1','2','3','4','2','5','6','2','7','2'])中与2相等的元素,并生成一个新数组,不改变原数组。
在这里插入图片描述


版权声明:本文为weixin_47197906原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。