// JS示例：可随时中断遍历
const arr = [1,2,3,4,5];
for (const item of arr) {
  if (item === 3) break; // 直接终止，无需遍历全部
  console.log(item);
}
1.
2.
3.
4.
5.
6.

// 找到即返回，底层自动中断，语义更强
const target = arr.find(item => item === 3);
1.
2.

// 错误示范：forEach异步并发执行
arr.forEach(async item => {
  await fetch(item); // 不会按顺序等待
});

// 正确示范：for...of顺序执行异步
const fetchData = async () => {
  for (const item of arr) {
    await fetch(item); // 依次执行，可控性拉满
  }
};
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.

// 无额外开销，大数据量效率最高
for (let i = 0, len = arr.length; i < len; i++) {
  console.log(arr[i]);
}
1.
2.
3.
4.

// 筛选、转换数据，语义清晰且不污染原数组
const filterArr = arr.filter(item => item > 2);
const mapArr = arr.map(item => item * 2);
1.
2.
3.