JavaScript中遍历数组小问题

JavaScript中遍历数组小问题

1. break、return对遍历的影响

const arr = [1, 2, 3, 4, 5, 6];

1. for - break

   for (let i = 0; i < arr.length; i++) {
       if (arr[i] === 3) {
           console.log(i);
           break;
       }
       console.log(arr[i]);
   }
   

   输出：
   
2. for - return

   for (let i = 0; i < arr.length; i++) {
       if (arr[i] === 3) {
           console.log(i);  // 2. 再打印 2
           return;
       }
       console.log(arr[i]);  // 1. 先打印 1 2
   }
   

   输出：
   

   for循环中，break和return效果是一样的，都会结束本次if{}、之后语句以及整个循环体。

3. forEach - break

   arr.forEach((item, i) => {
       if (arr[i] === 3) {
           console.log(i)
           break;
       }
       console.log(arr[i])
   });
   

   输出：
   
4. forEach - return

   arr.forEach((item, i) => {
       if (arr[i] === 3) {
           console.log(i)
           return;
       }
       console.log(arr[i])
   });
   

   输出：
   

   forEach循环中，不支持break语句；return会结束本次if{}和之后语句, 但不会结束整个循环，因为forEach不会停止的。