2021-08-07

实际开发中，遍历数组同时删除某项，关于for和forEach

• for与forEach的区别：
  for循环可以使用break跳出循环，forEach不可以、for循环可以控制循环的起点，forEach只能从索引0开始、for循环过程中支持修改索引，forEach底层控制索引自增。

• forEach的参数：arr.forEach((self,index,arr)=>{},this)：
  self：遍历的当前元素；
  index：遍历的当前索引；
  arr：遍历的数组本身；
  this：回调函数中的指向；

• 数组遍历并删除自身：

//for循环
var arr = [1,2,3,4,56,0];
for(let i=0;i<arr.length;i++){
	if(arr[i]>3){
		arr.splice(i,1);
		i--;
	}
}
console.log(arr) //[1, 2, 3, 0]

//forEach
var arr1 = [1,2,3,45,6,0];
arr1.slice().reverse().forEach(function (item, index, arr) {
    if (item>3) {
        arr1.splice(arr.length - 1 - index, 1);
    }
});
console.log(arr1);//[1, 2, 3, 0]

以上的代码实现了数组遍历并删除自身，虽然用filter可以很快实现，下面针对包含情况进行forEach和filter进行操作达到目的

var arr = [1,2,3,4,5,6];
var arr1 = [3,4];
arr.forEach((item,i) => {
	arr1.forEach(item1 => {
		if(item === item1){
			arr.splice(i,1,null);
		}
	})
})
arr = arr.filter(item => {return item});
console.log(arr)//[1, 2, 5, 6]