循环数组仅返回首个元素，如何修改以返回所有数组元素？

你的问题出在循环内部的return element——每次循环执行到这行就会立刻终止函数，所以只会返回第一个遍历到的元素。要返回数组所有值，可以按以下几种方式修改：

方案1：修正循环逻辑，返回存储数组 #

首先把return语句移到循环结束后，同时注意循环条件i <= arr.length会导致最后一次循环取到undefined（数组索引从0开始，长度为4的数组最大索引是3），要改成i < arr.length：

const array = ['blue', 'orange', 'brown', 'pink'];

const stuff = () => {
    let store = [];
    let arr = array;
    console.log('原数组：', array);
    // 修正循环条件，避免取到undefined
    for(let i = 0; i < arr.length; i++) {
      const element = arr[i];
      console.log('当前元素：', element);
      store.push(element);
    }
    // 循环结束后返回存储所有元素的数组
    return store;
}

console.log(stuff()); // 输出 ['blue', 'orange', 'brown', 'pink']

方案2：直接返回原数组（无需额外处理时） #

如果你的函数只是要返回原数组，不需要遍历做额外操作，直接返回即可：

const array = ['blue', 'orange', 'brown', 'pink'];

const stuff = () => {
    return array;
}

方案3：使用数组内置方法（更简洁） #

如果需要对每个元素做处理后返回新数组，用map方法会更简洁：

const array = ['blue', 'orange', 'brown', 'pink'];

// 示例：返回每个元素转为大写的新数组
const stuff = () => {
    return array.map(element => {
        console.log('当前元素：', element);
        return element.toUpperCase();
    });
}

console.log(stuff()); // 输出 ['BLUE', 'ORANGE', 'BROWN', 'PINK']

内容的提问来源于stack exchange，提问作者pod-dweller-101