JavaScript中的map()方法详解(均采用es6语法)
JavaScript中的map()方法详解(均采用es6语法)1. map() 的返回值是一个新的数组,新数组中的元素为“原数组调用函数处理过后的值”2. 简单使用:遍历整个数组,将大于4的元素乘以2const array = [2, 3, 4, 4, 5, 6]console.log("array",array)const map = array.map(x => {if (x == 4)
文章共1,097字 · 阅读需要大约4分钟
一键AI生成摘要,助你高效阅读
问答
·
JavaScript中的map()方法详解(均采用es6语法)
1. map() 的返回值是一个新的数组,新数组中的元素为 “原数组调用函数处理过后的值”
2. 简单使用:遍历整个数组,将大于4的元素乘以2
const array = [2, 3, 4, 4, 5, 6]
console.log("array",array)
const map = array.map(x => {
if (x == 4) {
return x * 2
}
return x
})
console.log("map",map)
输出的结果为:等于4的元素乘以2
3. map()函数的参数详解
一般参数是一个回调函数
array.map((item,index,arr)=>{
//item是操作的当前元素
//index是操作元素的下表
//arr是需要被操作的元素
//具体需要哪些参数 就传入那个
})
const array = [2, 3, 4, 4, 5, 6]
console.log("原数组array为",array)
const map2=array.map((item,index,arr)=>{
console.log("操作的当前元素",item)
console.log("当前元素下标",index)
console.log("被操作的元素",arr)
//对元素乘以2
return item*2
})
console.log("处理之后先产生的数组map",map2)
输出的结果为:
4. 总结:map()方法经常拿来遍历数组,但是不改变原数组,但是会返回一个新的数组
5.注意:有时候会出现这种现象,出现几个undefined
const array = [2, 3, 4, 4, 5, 6]
console.log("原数组array为",array)
const map = array.map(x => {
if (x == 4) {
return x * 2
}
})
其实,map()方法是对每一项数组进行遍历,遍历一次,返回一个值,给新数组加上一个元素,这是就是满足x=4的元素,只有两个,所以其他项就返回了undefined。
更多推荐
已为社区贡献1条内容
所有评论(0)