JavaScript:在forEach里面return没有效果

Posted jinfengJeff

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript:在forEach里面return没有效果相关的知识,希望对你有一定的参考价值。

在最近学习并使用ES6过程中,在一次循环数组并且作判断时返回值无效,return拿到的结果是undefined

 

我们分别使用for循环和forEach方法来验证:

(function() {
	let arr = [1,2,3,4,5]
	for(let i =0; i < arr.length; i++) {
		console.log(arr[i])
		if(arr[i] == 3) {
			return
		}
	}
})();
console.log(\'---------------------\');
(function(){
	let arr = [1,2,3,4,5]
	arr.forEach(item => {
		console.log(i)
		if(item == 3) {
			return
		}
	})
})();

 

结果:for循环里的可以return终止遍历,forEach里的return不能终止遍历

 以上是return终止for循环的遍历和forEach循环的遍历测试。

 

-------------------------------------------------------------- 分 割 线 ---------------------------------------------------------------------------------

我原本要实现的是通过判断条件从而得到一个值返回出去,先来看看效果吧

console.log((function() {
    let arr = [1,2,3,4,5]
    for(let i =0; i < arr.length; i++) {
	if(arr[i] == 3) {
	    return i
	}
    }
})());
console.log(\'---------------------\');
console.log((function(){
    let arr = [1,2,3,4,5]
    arr.forEach(item => {
        if(item == 3) {
	    return item
        }
    })
})());

打印结果如图:

显然:Array的forEach()方法是不能return的。

 

我的解决办法是:定义一个变量,把我想返回的值保存下来,最后返回出去 (最佳方法待补充)

(function(){
    let arr = [1,2,3,4,5]
    let temp = ""
    arr.forEach(item => {
        if(item == 3) {
            temp = item
	}
    })
    return temp
})();

控制台打印结果:

如图成功拿到符合判断条件的这个数了

 

官方指路:

 

 

 

技术总结:

1.forEach 无法在所有元素都传递给调用的函数之前终止遍历 / 在forEach方法里 return 无效

2.使用其它写法:for循环、some()、every()、find()、findIndex()..

 

以上是关于JavaScript:在forEach里面return没有效果的主要内容,如果未能解决你的问题,请参考以下文章

如何形象地解释 JavaScript 中 map,foreach,reduce 间的区别

forEachfor...infor...of

JavaScript:return报错 Uncaught SyntaxError: Illegal return statement

JavaScript:return报错 Uncaught SyntaxError: Illegal return statement

JavaScript数组方法大全(第二篇)

[].forEach.call() 在 JavaScript 中做了啥?