map使用if判断需要注意的点，不满足的会变成underfine

最新推荐文章于 2024-02-29 16:16:42 发布

原创最新推荐文章于 2024-02-29 16:16:42 发布 · 1.7k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #html #js #map

这篇博客探讨了在JavaScript中使用map方法时遇到的一个常见问题：在映射函数内部使用if判断导致的非预期结果。作者通过一个示例展示了当条件不满足时返回undefined如何影响最终数组，并解释了如何修正这个问题以获取期望的结果。

部署运行你感兴趣的模型镜像

map里面的if判断问题

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

以为的结果[4,5]
实际结果: [undefined, undefined, undefined, 4, 5]

您可能感兴趣的与本文相关的镜像

TensorFlow-v2.9

TensorFlow

TensorFlow 是由Google Brain 团队开发的开源机器学习框架,广泛应用于深度学习研究和生产环境。它提供了一个灵活的平台,用于构建和训练各种机器学习模型

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Vera!

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

dvlinker的技术专栏

10-08

2万+

【原生】为什么有时 map 会返回含 undefined 的数组？

sparks42的博客

02-03

9597

这是MDN上的一个例子： var numbers = [1, 2, 3, 4]; var filteredNumbers = numbers.map(function(num, index) { if(index < 3) { return num; } }); // filteredNumbers is [1, 2, 3, undefined] 分析原因：因...

1 条评论您还未登录，请先登录后发表或查看评论

1 条评论

SuperYiY 2022.11.01
请问是为什么会这样子呢[face]emoji:008.png[/face]

js map 踩坑记录

baihailing的博客

07-21

1359

本来想用map遍历数组，当数组的某一项不符合条件时，直接返回。但是发现在map里，直接return,不能直接结束这个方法。所以只能用for循环了。

js数组常用方法

xiao1215fei的专栏

08-01

778

1. map: map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。 map() 方法按照原始数组元素顺序依次处理元素。注意：map() 不会对空数组进行检测。注意：map() 不会改变原始数组。例： let data = {items:[{name:"张三",age:"22",class:"三年一班",sex:0},{name:"李四",age:"...

在map()函数中使用if进行条件判断没有效果

weixin_42483208的博客

08-26

4734

解决办法：使用三元判断。条件？true:false

mybatis学习之路----动态sql之if条件判断各种使用方式

热门推荐

小菜鸟的专栏

09-26

25万+

点滴记载，点滴进步，愿自己更上一层楼。

c++ map中使用自定义对象需要注意的问题

xiangy0809的博客

12-19

3008

最近项目中遇到了一个很有意思的错误，gdb调试了半天通过查看内存地址，找到了问题所在。因为需要将一个自定义的结构体映射到端口号上，因此使用了Map<int, my_struct>来保存。这个my_struct定义如下： std::map<int, my_struct> my_map; struct my_struct{ char buffer[100]; ...

Java函数式实现替代策略模式解决 if...else代码，Map+函数式接口方法

不受天磨非好汉，不遭人妒是庸才——着实着迷゛

01-26

2439

之前记录过用自定义注解和策略模式实现发不同消息的功能笔记：文章地址：发送不同类型的消息----------策略模式_不受天磨非好汉，不遭人妒是庸才——着实着迷゛-优快云博客r一：首先看下代码结构annotation：注解context：调度容器（会存放不同消息策略实现列表）enums：不同消息类型的枚举listener：springboot项目初始化的时候初始化消息策略实现与枚举类型的绑定关系并加入到调度容器里面service：消息接口定义impl：具体消息策略实现二：具体代码讲解1：消息类型枚举：M

golang 判断map的键key是否存在

夏已微凉、

08-14

2477

一、代码二、打印一、代码 func main() { mapStr := map[string]interface{}{"name": "姓名", "days": 99, "amount": 12.34} keys := []string{"name", "days", "amount", "month"} for _, k := range keys { bol, val := mapKeyExist(mapStr, k) if bol { fmt.Printf("键 [ %s .

MapIf：如果没有？

02-04

MapIf 哦，如果？ Le projet 魁北克国家艺术基金会4if au criticique qu'est le stage，veille dudépartenéchangepour unejoritéd'entre eux。 Cétépreuveséparationn'étantpas fasileàa livere，ill ontdécidédedéveloppercette petite application permettant deconnaîtreles endroitsoùse trouvent leurs amis etoùil se trouvent euxmê

jsx种map循环中使用if判断

withwz的博客

08-03

6611

用三目运算符，jsxmap中不能再用判断语句，但是可以用表达式 { navList.map((item, index) => ( <View className='nav-title__item' onClick={this.changeNavState.bind(this, index)} key={item.title} ...

Map使用场景及Map替换if使用

weixin_34239169的博客

10-08

773

2019独角兽企业重金招聘Python工程师标准>>> ...

使用map优化if switch判断

qq_40697679的博客

09-11

446

使用map优化if switch判断

aro map循环里的if判断

高先生的猫

08-11

749

taro 不支持 map 里嵌套if 1083235-20181210170134778-431807563.png 官方也给出了解决办法，那就是提取变量或者是用三目运算嵌套的方法实践 { this.state.telephone.map((n,index)=>{ return index+1 === jodDate.telephone.length? <Vi..

JS语法之：map()方法

coldriversnow的专栏

03-06

1575

这样写只是增加了一个条件，即x的值为4时才乘以2，之所以会出现undefined，是因为map()方法创建了一个新数组，但新数组并不是在遍历完array1后才被赋值的，而是每遍历一次就得到一个值。map() 方法创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。而不是我预期的[1,8,9,16]。1.只包含一个表达式，这时花括号和return都省略了。2.包含多条语句，这时花括号和return都不能省略。js从数组中的对象取出特定字段并生成新的数组。

前端map（）方法的使用

疏影横斜水清浅

11-11

1万+

map()方法可以创建一个新数组，其结果是该数组中的每个元素都是调用一个提供的函数后返回的结果 var newArra=[1,3,6,12,54]; var newArrays=newArra.map((index)=>{ return index*index }) // console.log(newA...

Vuejs学习八：map()函数

weixin_43844071的博客

11-02

8273

定义：map()函数定义在JS的array中，它返回一个新的数组，数组中的元素为原生数据用函数处理后的值。 map()不会对空数组进行检测；map()不会改变原始数组 let temp=[]; that.caseTagsList.map(item=>{ if(that.execParams.tagIdList.indexOf(item.id) < 0){ temp.push(item); } }); ...

map() 不符合条件时返回undefined的处理方法