资讯专栏INFORMATION COLUMN

javascript中array的map方法的使用

gggggggbong / 939人阅读

摘要:方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。例例注意使用方法会产生一个新的数组,数组的每一项就是我们出去的值所以方法必须有返回值,如果没有,那么新数组的每一项都为,数组的个数与原数组一样

map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。

var arr = [1,2,3,4,5,6,7];
var ar = arr.map(function(elem){

return elem*4;

});
console.log(ar);//[4, 8, 12, 16, 20, 24, 28]
console.log(arr);//[1,2,3,4,5,6,7]
例2:

let arr = [1,2,3,4,5]
let newArr = arr.map((item)=>{
    item =  item<2?item=3:item
    return item
})
console.log(newArr)//[3, 2, 3, 4, 5]

例3:

let arr = [1,2,3,4,5]
let newArr = arr.map((item)=>{
    return item>3
})
console.log(newArr)//[false, false, false, true, true]

注意:使用map方法会产生一个新的数组,数组的每一项就是我们return出去的值(所以map方法必须有返回值,如果没有return,那么新数组的每一项都为undefined),数组的个数与原数组一样

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/103294.html

相关文章

  • Javascript map/reduce

    摘要:简单例子一个较为常用的场景就是累加或累乘输出数组元素的乘积输出数组元素的乘积简写形式输出数组元素的乘积形式,营造复杂的逼格用在数组降维扁平化处理的例子中注方法用于连接两个或多个数组。 看到一个提问的回答巧妙地使用了map/reduce操作,很优雅,所以来学习和总结一下javascript自带的map/reduce的使用技巧,文章不会讲的很深,纯当科普一下知识点,如有解释的不正确的地方,...

    zhou_you 评论0 收藏0
  • JavaScriptArray一些实用操作技巧

    摘要:最近在调试页面时频繁与打交道,在复杂场景下,传参数就需要对大量参数进行处理。两者等效长度为的空数组同上是的内置对象,是的,虽然是数组,也是一种对象使用判断会返回而方法能更精准判断其类型。 最近在调试JSP页面时频繁与ajax打交道,在复杂场景下,ajax传参数就需要对大量参数进行处理。这时我才发现,熟练Array的处理真的会使开发轻松不少!! 关于Array Array的创建很灵活,可...

    yy13818512006 评论0 收藏0
  • JavaScript30秒, 从入门到放弃之Array(三)

    摘要:否则,直接循环去拼接该值返回按照指定的方法对数组元素进行分组归类。使用创建一个对象,对象的键是生成的结果,值是符合该键的所有数组元素组成的数组。微信公众号秒,从入门到放弃之三 原文链接:JavaScript30秒, 从入门到放弃之Array(三)水平有限,欢迎批评指正 flattenDepth Flattens an array up to the specified depth....

    FrancisSoung 评论0 收藏0
  • JavaScript30秒, 从入门到放弃之Array(七)

    摘要:地址秒,从入门到放弃之七博客地址秒,从入门到放弃之七水平有限,欢迎批评指正剔除掉数组中所有存在于所指定的元素们的项。使用,和来创建由两个数组元素拼接而成的所有可能对并将它们存在一个数组中的数组。 GitHub地址:JavaScript30秒, 从入门到放弃之Array(七)博客地址:JavaScript30秒, 从入门到放弃之Array(七) 水平有限,欢迎批评指正 without ...

    Cciradih 评论0 收藏0
  • JavaScript之数组

    摘要:数组的特别之处在于,当使用小于的非负整数作为属性名时数组会自动维护其属性值。返回的数组包含第一个参数指定的位置和所有到但不含第二个参数指定的位置之间的所有数组元素。数组中只需有一项满足给定条件则返回。 概念 JavaScript数组是JavaScript对象的特殊形式。数组索引实际上和碰巧是整数的属性名差不多,使用方括号访问数组元素就像用方括号访问对象的属性一样。JavaScript将...

    coolpail 评论0 收藏0
  • JavaScript函数式编程(1):基本思想

    摘要:中的函数式编程思想匿名函数在函数式编程语言中,函数是可以没有名字的,匿名函数通常表示可以完成某件事的一块代码。匿名函数中包含对的局部变量的引用,因此当返回时,的值被保留不会被垃圾回收机制回收,持续调用,将会改变的值。 1 函数式编程简介 函数式编程是和传统命令式编程区分的一种编程思想,在函数式编程语言中,函数是第一类的对象,也就是说,函数 不依赖于任何其他的对象而可以独立存在,而在面向...

    时飞 评论0 收藏0

发表评论

0条评论

gggggggbong

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<