前端 JavaScript 基础面试题, JavaScript 操作数组元素的方法有哪些?
前端 JavaScript 基础面试题, JavaScript 操作数组元素的方法有哪些?
QA
Step 1
Q:: JavaScript 操作数组元素的方法有哪些?
A:: JavaScript 提供了多种方法来操作数组元素,包括但不限于:push()、pop()、shift()、unshift()、splice()、slice()、concat()、indexOf()、forEach()、map()、filter()、reduce()、some()、every()、find()、findIndex()
等等。
Step 2
Q:: JavaScript 中的数组方法 push() 和 pop()
有什么区别?
A:: push() 方法在数组末尾添加一个或多个元素,并返回新数组的长度。pop()
方法从数组末尾删除最后一个元素,并返回被删除的元素。
Step 3
Q:: JavaScript 中的 forEach() 和 map()
方法有什么区别?
A:: forEach() 方法用于遍历数组,对数组的每个元素执行一次指定的函数,没有返回值。map()
方法也用于遍历数组,对数组的每个元素执行一次指定的函数,但返回一个新的数组,新数组中的元素是原始数组元素调用函数处理后的值。
Step 4
Q:: 如何使用 JavaScript 的 filter()
方法来筛选数组元素?
A:: filter()
方法创建一个新数组,其包含通过所提供函数实现的测试的所有元素。该方法不会改变原始数组。例子:const result = array.filter(element => element > 10);
这将返回一个包含所有大于 10
的元素的新数组。
Step 5
Q:: JavaScript 中的 reduce()
方法如何工作?
A:: reduce()
方法对数组中的每个元素执行一个提供的 reducer 函数(升序执行),将其结果汇总为单个返回值。例子:const sum = array.reduce((accumulator, currentValue) => accumulator + currentValue, 0);
这将计算数组所有元素的总和。
Step 6
Q:: 如何使用 JavaScript 的 splice()
方法修改数组?
A:: splice()
方法通过删除或替换现有元素或者添加新元素来修改数组内容。例子:array.splice(2, 1, 'newItem');
这将在数组的索引 2 处删除一个元素,并插入 'newItem'
。
Step 7
Q:: JavaScript 中的 indexOf() 和 findIndex()
有什么区别?
A:: indexOf() 方法返回数组中第一次出现指定元素的索引,如果没有找到则返回 -1。findIndex() 方法返回数组中第一个通过提供函数实现的测试的元素的索引,如果没有找到则返回 -1
。