return在forEach()中的注意点

最新推荐文章于 2024-11-26 10:08:14 发布

coderxian

最新推荐文章于 2024-11-26 10:08:14 发布

阅读量1.1k

点赞数 1

分类专栏： JavaScript 文章标签：前端 javascript

本文链接：https://blog.youkuaiyun.com/IOT123/article/details/122101094

版权

JavaScript 专栏收录该内容

7 篇文章

订阅专栏

本文对比了JavaScript中forEach方法与传统for循环在遍历数组时的行为差异，特别指出forEach内部不能使用return语句来提前结束函数执行，而for循环则不受此限制。通过示例代码演示了两种不同情况下如何正确获取数组元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

forEach()中不能使用return，没有任何意义

let arr = [10, 20, 30, 40, 50];
function getItem(arr) {
    arr.forEach(item => {
        return item;
    });
}
console.log(getItem(arr)); // undefined

如果想遍历一个数组拿到里面的数据，则可以使用普通for循环，它是可以正常return的

let arr = [10, 20, 30, 40, 50];
function getItem(arr) {
    let newArr = [];
    for (let i = 0; i < arr.length; i++) {
        newArr.push(arr[i]);
    }
    return newArr;
}
console.log(getItem(arr)); // [10, 20, 30, 40, 50]