扩展运算符(Spread Operator)和 map
方法是 JavaScript 中非常常用的数组操作方法。扩展运算符允许你将一个数组展开成多个元素,而 map
方法则允许你对数组中的每个元素进行操作并返回一个新的数组。
...
array.map(callback(element[, index[, array]])[, thisArg])
假设我们有一个数组 numbers
,我们希望将其每个元素乘以 2 并生成一个新的数组。
const numbers = [1, 2, 3, 4, 5];
// 使用 map 方法
const doubledNumbers = numbers.map(num => num * 2);
console.log(doubledNumbers); // 输出: [2, 4, 6, 8, 10]
// 结合扩展运算符
const combinedArray = [...doubledNumbers, ...[6, 7, 8]];
console.log(combinedArray); // 输出: [2, 4, 6, 8, 10, 6, 7, 8]
map
方法。map
方法后没有得到预期的结果?原因:
解决方法:
const numbers = [1, 2, '3', 4, 5];
const doubledNumbers = numbers.map(num => {
if (typeof num === 'number') {
return num * 2;
}
return num;
});
console.log(doubledNumbers); // 输出: [2, 4, '3', 8, 10]
原因:
解决方法:
const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
// 正确使用扩展运算符合并数组
const combinedArray = [...arr1, ...arr2];
console.log(combinedArray); // 输出: [1, 2, 3, 4, 5, 6]
希望这些信息对你有所帮助!
领取专属 10元无门槛券
手把手带您无忧上云