前端 JavaScript 基础面试题, JavaScript 数组的遍历方法有哪些?

Step 1

Q:: JavaScript 数组的遍历方法有哪些？

A:: JavaScript 数组的遍历方法有多种，包括 for 循环、forEach 方法、map 方法、filter 方法、reduce 方法、some 方法和 every 方法等。这些方法可以根据不同的需求进行数组元素的操作和处理。

Step 2

Q:: for 循环如何遍历数组？

A:: for 循环是一种最基本的遍历数组的方法，通过设置循环初始值、条件和增量来逐个访问数组的每一个元素。示例代码：

 
for (let i = 0; i < array.length; i++) {
  console.log(array[i]);
}
 

Step 3

Q:: forEach 方法如何使用？

A:: forEach 方法是数组的一种内置方法，可以对数组的每一个元素执行提供的函数。示例代码：

 
array.forEach(function(element) {
  console.log(element);
});
 

Step 4

Q:: map 方法有什么作用？

A:: map 方法创建一个新数组，其结果是该数组中的每个元素是对原数组的每个元素调用一个提供的函数后的返回值。示例代码：

 
const newArray = array.map(function(element) {
  return element * 2;
});
 

Step 5

Q:: filter 方法如何使用？

A:: filter 方法创建一个新数组，其包含通过所提供函数实现的测试的所有元素。示例代码：

 
const newArray = array.filter(function(element) {
  return element > 10;
});
 

Step 6

Q:: reduce 方法有什么用途？

A:: reduce 方法对数组中的每个元素执行提供的函数（从左到右），以将其减少为单个值。示例代码：

 
const sum = array.reduce(function(accumulator, currentValue) {
  return accumulator + currentValue;
}, 0);
 

Step 7

Q:: some 方法和 every 方法有什么区别？

A:: some 方法测试数组中的至少一个元素是否通过了提供的函数的测试。every 方法测试数组中的所有元素是否都通过了提供的函数的测试。示例代码：

 
const hasLargeNumber = array.some(function(element) {
  return element > 10;
});
 
const allLargeNumbers = array.every(function(element) {
  return element > 10;
});