javascript数组中的map方法和filter方法

 更新时间:2022年03月15日 09:35:31   作者:前端歌谣  
这篇文章主要介绍了javascript数组中的map方法和filter方法,文章内容介绍详细,具有一定的参考价值,需要的小伙伴可以参考一下,希望对你的学习有所帮助

一、map方法

1编辑器

编辑器搞出来 一起研究研究数组中的map方法:

2代码部分

var geyao=['歌谣',"很帅","很强"]
    geyao.map((currentValue,index,arr,thisValue)=>{
        console.log(currentValue,"currentValue")
        console.log(index,"index")
        console.log(arr,"arr")
        console.log(thisValue,"thisValue")
    })

3运行结果

小结:

currentvalue 当前元素的值 index 索引值 arr 当前元素属于的数组对象 thisValue 对象作为该执行函数的回调

二、filter方法 

1编辑器

 编辑器搞出来 一起研究研究数组中的map方法:

2代码

var geyao=['歌谣',"很帅","很强"]
  var geyao1 = geyao.filter((currentValue,index,arr,thisValue)=>{
        console.log(currentValue,"currentValue")
        console.log(index,"index")
        console.log(arr,"arr")
        console.log(thisValue,"thisValue")
        return currentValue==='歌谣'
    })
    console.log(geyao1,"geyao1")

3运行结果

小结:

currentvalue 当前元素的值 index 索引值 arr 当前元素属于的数组对象 thisValue 对象作为该执行函数的回调 形成一个新数组 形成的是过滤后的值 和map相似

到此这篇关于javascript数组中的map方法和filter方法的文章就介绍到这了,更多相关map和filter方法内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • JS项目中对本地存储进行二次的封装的实现

    JS项目中对本地存储进行二次的封装的实现

    这篇文章主要介绍了JS项目中对本地存储进行二次的封装,这里我们将要使用到的key存储下来,新建一个叫constant-storage.js的文件,对外暴露一些key的键名,也方便后期统一修改,这里因为都是恒量,所以名称我们都用大写表示,需要的朋友可以参考下
    2022-07-07
  • 微信小程序 scroll-view实现锚点滑动的示例

    微信小程序 scroll-view实现锚点滑动的示例

    本篇文章主要介绍了微信小程序 scroll-view实现锚点滑动的示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-12-12
  • 微信小程序实现列表滚动头部吸顶的示例代码

    微信小程序实现列表滚动头部吸顶的示例代码

    这篇文章主要介绍了微信小程序实现列表滚动头部吸顶的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-07-07
  • 微信小程序实现身份证取景框拍摄

    微信小程序实现身份证取景框拍摄

    这篇文章主要介绍了微信小程序实现身份证取景框拍摄,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-09-09
  • 深入剖析javascript中的exec与match方法

    深入剖析javascript中的exec与match方法

    下面小编就为大家带来一篇深入剖析javascript中的exec与match方法。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • 浅析JavaScript声明变量

    浅析JavaScript声明变量

    JavaScript的变量声明语句无论出现在何处,都会先于其他代码首先被执行,本文给大家介绍javascript声明变量相关知识,感兴趣的朋友一起学习吧
    2015-12-12
  • 实现163邮箱的图标功能

    实现163邮箱的图标功能

    实现163邮箱的图标功能...
    2007-05-05
  • 用于CSS代码压缩与格式化的javascript函数代码

    用于CSS代码压缩与格式化的javascript函数代码

    呵呵,发现只要几行JS代码就可实现css的压缩与格式化,非常不错。
    2009-12-12
  • 前端BOM操作常用命令详解及代码案例

    前端BOM操作常用命令详解及代码案例

    浏览器对象模型(BOM)是浏览器提供的JavaScript操作浏览器的API,提供了与网页无关的浏览器功能对象,这篇文章主要给大家介绍了关于前端BOM操作常用命令详解及代码案例的相关资料,需要的朋友可以参考下
    2024-10-10
  • 几行js代码实现自适应

    几行js代码实现自适应

    本文主要介绍了使用js获取隐藏元素宽高的解决方案以及代码思路,具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02

最新评论