JavaScript中能否在Array原型方法的回调参数中使用数组解构？

在Array原型方法的回调参数中直接对遍历元素做数组解构的写法完全可行。你之前遇到的语法错误，和解构语法本身无关，是没注意到箭头函数的参数书写规则：

箭头函数的参数列表如果不是单个简单标识符（比如用到数组解构、对象解构、带默认值/剩余参数的参数），必须用圆括号把整个参数列表包裹起来。你原本的写法直接把解构数组放在参数位置，漏了外层括号，JS引擎会把这段结构判定为非法的参数列表，才触发了Malformed arrow function parameter list的报错。

只需要在原本的解构参数外层补一对圆括号，功能就和你手动在函数体内取值完全一致：

const array = [[0,1],[3,4],[5,6]];
array.forEach(([first, second]) => console.log(first));
// 控制台输出：
// 0
// 3
// 5

• 这种解构写法没有任何运行时的额外开销，每次回调执行时，引擎会自动把当前遍历到的元素作为解构目标，拆分出first、second两个局部变量，省去了手动从子数组取值、声明变量的重复代码。
• 这类解构写法对所有接收回调的Array原型方法通用，不止forEach：map、filter、reduce、find等方法的回调参数，都可以用同样的语法简化代码。
• 常见的扩展用法：
  • 遍历对象数组时直接解构需要的属性，不需要写item.属性名取值：

    const userList = [{name: "小明", age: 12}, {name: "小红", age: 13}];
    userList.forEach(({name}) => console.log(name));
    

  • 同时解构元素值和回调的其他入参（比如遍历索引、原数组），写法和普通参数完全一致：

    // 同时拿到子数组的首项、当前遍历位置的索引
    array.forEach(([first], index) => console.log(first, index));
    

内容的提问来源于stack exchange，提问作者Brandon McConnell