js数组遍历方法及其区别

1.for循环

支持break和continue

const arr = [1, 2, 3, 4, 5]
for (let i = 0; i < arr.length; i++) {
	if (arr[i] === 1) {
	    continue
	} else if (arr[i] === 4) {
  		break
  	} else {
  		console.log(arr[i])
  	}
}

// 2 3

2.forEach

不支持break和continue

const arr = [1, 2, 3, 4, 5]
arr.forEach(function (item) {
  console.log(item)
})

// 1 2 3 4 5

3.every

const arr = [1, 2, 3, 4, 5]
arr.every(function(i){
  if(i ===1 ){
  	return true
  } else if ( i === 5) {
    return false
  } else {
  	console.log(i)
  	return true
  }
})

// 2 3 4

4.for…in

for…in 语句以任意顺序迭代对象的可枚举属性。
支持break和continue

const arr = [1, 2, 3, 4, 5]
arr.extra = 100
for (let index in arr) {
  if (index == 2) {
    continue
  }
  console.log(arr[index])
}
// 1 2 4 5 100

5.for…of

for…of 语句遍历可迭代对象定义要迭代的数据。

for (let item of arr) {
  console.log(item)
}