【前端面试必读】js 数组循环的几种方法及返回值

最新推荐文章于 2025-03-04 18:01:33 发布

爱焰

最新推荐文章于 2025-03-04 18:01:33 发布

阅读量2.7k

点赞数

分类专栏：面试文章标签： javascript 前端面试

本文链接：https://blog.youkuaiyun.com/A_soulmate/article/details/122808125

版权

面试专栏收录该内容

14 篇文章

订阅专栏

本文详细介绍了JavaScript中常见的五种数组循环方法：for循环、forEach、filter、every和map，阐述了它们的使用场景及返回值特点，是前端开发者面试必备的知识点。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.for

简单的遍历操作，没有返回值
  let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
  for (let i = 0; i < arr.length - 1; i++) {
    console.log('i: ', i);   // 1, 2, 3, 4, 5, 6, 7, 8, 9
  }

2.forEach

简单的遍历操作，没有返回值
  let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
  arr.forEach(item => {
   console.log('item: ', item);  // 1, 2, 3, 4, 5, 6, 7, 8, 9
  })

3.filter

对数组进行筛选，返回满足条件的数据
  let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
  let brr = arr.filter(item => {
   return item > 5;
  })
  console.log('brr: ', brr); // [6, 7, 8, 9]

4.every

对数组进行条件判断，返回布尔值 && （全部满足为true，有一个不满足则返回false）
  let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
  let brr = arr.every(item => {
   return item > 0;
  })
  console.log('brr: ', brr); //true

5.map

对数组进行处理，返回处理后的数据
  let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
  let brr = arr.map(item => {
   return item + 5;
  })
  console.log('brr: ', brr); // [6, 7, 8, 9, 10, 11, 12, 13, 14]