返回

数组方法及常见数组面试题剖析:掌握核心技能,攻克难关

前端

数组方法剖析:灵活处理数组元素

1. forEach:逐个处理数组元素

forEach()方法可以遍历数组中的每个元素,并对每个元素执行指定的操作。它接受一个回调函数作为参数,该回调函数将对每个元素执行的操作定义在其中。

const numbers = [1, 2, 3, 4, 5];
numbers.forEach((number) => {
  console.log(number);
});
// 输出:
// 1
// 2
// 3
// 4
// 5

2. map:映射数组元素

map()方法可以将数组中的每个元素映射到一个新值,并返回一个新数组。它接受一个回调函数作为参数,该回调函数将对每个元素执行映射操作。

const numbers = [1, 2, 3, 4, 5];
const doubledNumbers = numbers.map((number) => {
  return number * 2;
});
console.log(doubledNumbers);
// 输出:
// [2, 4, 6, 8, 10]

3. reduce:聚合数组元素

reduce()方法可以将数组中的所有元素聚合为一个单一值。它接受两个参数:一个回调函数和一个初始值。回调函数将对数组中的每个元素执行聚合操作,而初始值将作为聚合操作的起点。

const numbers = [1, 2, 3, 4, 5];
const sum = numbers.reduce((accumulator, currentValue) => {
  return accumulator + currentValue;
}, 0);
console.log(sum);
// 输出:
// 15

常见数组面试题解析:展现您的数组操作能力

1. 实现一个函数,将数组中的所有元素加起来

function sumArray(array) {
  let sum = 0;
  for (let i = 0; i < array.length; i++) {
    sum += array[i];
  }
  return sum;
}

2. 实现一个函数,将数组中的所有元素翻转

function reverseArray(array) {
  let reversedArray = [];
  for (let i = array.length - 1; i >= 0; i--) {
    reversedArray.push(array[i]);
  }
  return reversedArray;
}

3. 实现一个函数,找出数组中最大的元素

function findMax(array) {
  let max = array[0];
  for (let i = 1; i < array.length; i++) {
    if (array[i] > max) {
      max = array[i];
    }
  }
  return max;
}

结语

数组是JavaScript中一种强大的数据结构,掌握数组的方法和常见面试题,可以帮助您轻松应对各种编程任务和面试挑战。希望本文能为您提供所需的知识和技能,助您在编程之旅中更上一层楼!