js错误集锦函数在一个map循环遍历中进行返回值返回结果在调用该函数时收不到返回值

最新推荐文章于 2024-04-02 13:49:12 发布

迷茫的小猿

最新推荐文章于 2024-04-02 13:49:12 发布

阅读量1.2k

点赞数 2

文章标签： js

本文链接：https://blog.youkuaiyun.com/weixin_43747076/article/details/105414504

版权

本文探讨了一个在JavaScript中使用Map遍历时遇到的错误情况：在循环内部的函数返回值无法正常获取。分析指出，尽管return应该中断循环，但实际上代码继续执行。提供了解决这个问题的正确代码示例。

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

错误代码：

superviseFilter = () => {
	let company = this.props.cooperativeState.allCompany
	if(this.state.inspection.msName){
		let list = null
		company.map(item => {
			if(item.comName == this.state.inspection.msName){
				let a = item.comId
				if(this.state.inspection.superviseType == '137-01'){//港口
				   let wharfs = this.props.superviseState.allWharfs
				   wharfs = wharfs.filter(wharf => wharf.comId == a)
				   return wharfs.map(wharf => wharf.wharfName)
				}else if(this.state.inspection.superviseType == '137-02'){//航道
				   let waterways = this.props.superviseState.allWaterways
				   waterways= waterways.filter(waterway => waterway.orgId.includes(a))
				   return waterways.map(waterway => waterway.waterwayName)
				}
			}
		})
		alert('执行')
	}else{
	
	}
}

分析：在该函数的map循环遍历中进行返回，理应来说return之后他不会往下执行了，结果打印时你会发现，他继续执行了，所以说这样写是错误的

正确代码如下：

superviseFilter = () => {
	let company = this.props.cooperativeState.allCompany
	if(this.state.inspection.msName){
		let list = null
		company.map(item => {
			if(item.comName == this.state.inspection.msName){
				let a = item.comId
				if(this.state.inspection.superviseType == '137-01'){//港口
				   let wharfs = this.props.superviseState.allWharfs
				   wharfs = wharfs.filter(wharf => wharf.comId == a)
				   list = wharfs.map(wharf => wharf.wharfName)
				}else if(this.state.inspection.superviseType == '137-02'){//航道
				   let waterways = this.props.superviseState.allWaterways
				   waterways= waterways.filter(waterway => waterway.orgId.includes(a))
				   list = waterways.map(waterway => waterway.waterwayName)
				}
			}
		})
		return list
	}else{
	
	}
}