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

1、访问数组元素

数组名[下标]

2、遍历数组元素

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

（1）for
利用下标遍历数组可以使用：for

var arr=['篮球','足球','乒乓球','羽毛球','排球']
console.log(arr.length,arr[4])
for(var i=0;i;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相等的元素，并生成一个新数组，不改变原数组。