返回
数组方法及常见数组面试题剖析:掌握核心技能,攻克难关
前端
2023-09-02 17:21:50
数组方法剖析:灵活处理数组元素
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中一种强大的数据结构,掌握数组的方法和常见面试题,可以帮助您轻松应对各种编程任务和面试挑战。希望本文能为您提供所需的知识和技能,助您在编程之旅中更上一层楼!