JavaScript中如何在普通for循环内实现数组元素的解构赋值？

问题解答 #

完全可行。数组的解构本质是按位置匹配取值，你只需要直接对fruits[i]这个当前遍历到的元素执行解构操作即可，不需要修改循环的基础结构。

基础示例（对应你给出的字符串数组场景）

如果你只是要把单值赋值改成解构写法，参考如下：

const fruits = [ `apple`, `banana`, `orange` ];

for ( let i = 0; i < fruits.length; i++ ) {
    // 数组解构写法，等价于原来的const res = fruits[i]
    const [res] = [fruits[i]];
    console.log ( res ); // 输出依然是 apple banana orange
}

更实用的对象元素解构场景

你提到forEach可以实现解构，通常这类需求是针对数组元素为对象的场景，普通for循环下的写法如下：

// 假设数组元素为对象
const fruits = [
  { name: 'apple', price: 10 },
  { name: 'banana', price: 5 },
  { name: 'orange', price: 8 }
];

for (let i = 0; i < fruits.length; i++) {
    // 直接对当前索引的元素做对象解构
    const { name, price } = fruits[i];
    console.log(name, price);
}

这个写法和forEach中的解构效果完全一致，没有额外性能开销，也符合你要保留普通for循环的要求。

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