AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

#yyds干货盘点# javascript踩坑系列(1):数组中的map方法

2022-05-01 103
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： #yyds干货盘点# javascript踩坑系列(1):数组中的map方法


最好的种树是十年前,其次是现在。歌谣 每天一个前端小知识 提醒你改好好学习了 知乎博主 csdn博主 b站博主  放弃很容易但是坚持一定很酷     我是歌谣 喜欢就一键三连咯 你得点赞是对歌谣最大的鼓励


1前言

在我们的日常开发中 不免会有很多需要处理数据的方法 本节主要说一说map的使用

话不多说 编辑器搞出来 一起研究研究数组中的map方法

图片.png


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运行结果

图片.png

4总结

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


文章标签：
JavaScript
前端开发
索引
关键词：
JavaScript方法
Map方法
JavaScript数组
JavaScript map
数组Map
前端歌谣
目录
相关文章
代码掌控者
|
29天前
|
JavaScript 前端开发 程序员
前端原生Js批量修改页面元素属性的2个方法
原生 Js 的 getElementsByClassName 和 querySelectorAll 都能获取批量的页面元素，但是它们之间有些细微的差别，稍不注意，就很容易弄错！
代码掌控者
43 1
大树营养快线
|
1月前
|
Web App开发 JavaScript 前端开发
如何确保 Math 对象的方法在不同的 JavaScript 环境中具有一致的精度？
【10月更文挑战第29天】通过遵循标准和最佳实践、采用固定精度计算、进行全面的测试与验证、避免隐式类型转换以及持续关注和更新等方法，可以在很大程度上确保Math对象的方法在不同的JavaScript环境中具有一致的精度，从而提高代码的可靠性和可移植性。
大树营养快线
35 3
大树营养快线
|
2月前
|
缓存 监控 前端开发
JavaScript 实现大文件上传的方法
【10月更文挑战第17天】通过以上步骤和方法，我们可以实现较为可靠和高效的大文件上传功能。当然，具体的实现方式还需要根据实际的应用场景和服务器要求进行调整和优化。
大树营养快线
83 2
光明顶阳顶天
|
27天前
|
监控 JavaScript Java
Node.js中内存泄漏的检测方法
检测内存泄漏需要综合运用多种方法，并结合实际的应用场景和代码特点进行分析。及时发现和解决内存泄漏问题，可以提高应用的稳定性和性能，避免潜在的风险和故障。同时，不断学习和掌握内存管理的知识，也是有效预防内存泄漏的重要途径。
光明顶阳顶天
122 52
我是快乐的嘟嘟
|
1月前
|
JavaScript 前端开发 索引
js中DOM的基础方法
【10月更文挑战第31天】这些DOM基础方法是操作网页文档结构和实现交互效果的重要工具，通过它们可以动态地改变页面的内容、样式和行为，为用户提供丰富的交互体验。
我是快乐的嘟嘟
92 49
我是快乐的嘟嘟
|
1月前
|
缓存 JavaScript UED
js中BOM中的方法
【10月更文挑战第31天】
我是快乐的嘟嘟
80 48
那年春天
|
1月前
|
存储
`map()`方法在什么场景下会比 `forEach()`方法更高效？
综上所述，当需要对数组元素进行复杂的转换并生成新数组、进行链式调用和函数式编程、处理元素之间存在明确映射关系的情况以及与其他数组方法结合使用时，`map()`方法比`forEach()`方法更高效，能够使代码更加简洁、清晰和易于维护。
那年春天
57 32
WK
|
1月前
|
Python
Python中format_map()方法
在Python中，`format_map()`方法用于使用字典格式化字符串。它接受一个字典作为参数，用字典中的键值对替换字符串中的占位符。此方法适用于从字典动态获取值的场景，尤其在处理大量替换值时更为清晰和方便。
WK
79 36
龙大吉
|
28天前
|
缓存 JavaScript 前端开发
JavaScript 与 DOM 交互的基础及进阶技巧，涵盖 DOM 获取、修改、创建、删除元素的方法，事件处理，性能优化及与其他前端技术的结合，助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧，涵盖 DOM 获取、修改、创建、删除元素的方法，事件处理，性能优化及与其他前端技术的结合，助你构建动态交互的网页应用。
龙大吉
41 5
雨溪-yuxi
|
29天前
|
JavaScript 前端开发
js中的bind,call,apply方法的区别以及用法
JavaScript中，`bind`、`call`和`apply`均可改变函数的`this`指向并传递参数。其中，`bind`返回一个新函数，不立即执行；`call`和`apply`则立即执行，且`apply`的参数以数组形式传递。三者在改变`this`指向及传参上功能相似，但在执行时机和参数传递方式上有所区别。
雨溪-yuxi
26 1

热门文章

最新文章

  • 1
    JavaScript右下角信息提示插件Notyf
  • 2
    《JavaScript框架设计》——1.4　类型的判定
  • 3
    测试驱动javascript开发 -- 3.测试驱动开发过程（上）
  • 4
    Nightwatch.js – 轻松实现浏览器的自动测试
  • 5
    node.js入门学习
  • 6
    前端 时间个性化 插件 jquery.timeago.js
  • 7
    JavaScript链式结构序列化详解
  • 8
    javascript从定义到执行 你应知这些事
  • 9
    为什么 JavaScript 会在移动端中胜出？
  • 10
    JavaScript入门
  • 1
    Go语言map并发安全，互斥锁和读写锁谁更优？
    64
  • 2
    Go语言map并发安全使用的正确姿势
    70
  • 3
    Go语言中的map为什么默认不是并发安全的？
    63
  • 4
    【C++】开散列实现unordered_map与unordered_set的封装
    59
  • 5
    【C++】map和set封装
    43
  • 6
    Kotlin小技巧之用Transformations.map方法转换LiveData
    60
  • 7
    Java基础之集合Map
    48
  • 8
    Java Map集合：选择正确的实现方式
    60
  • 9
    算法金 | 推导式、生成器、向量化、map、filter、reduce、itertools，再见 for 循环
    59
  • 10
    js【最佳实践】遍历数组的八种方法（含数组遍历 API 的对比）for,forEach,for of,map,filter,reduce,every,some
    90

    • 相关课程

    更多
  • Go语言核心编程 - 基础语法、数组、切片、Map
  • JavaScript入门与实战
  • JavaScript 自学手册文档教程
  • HTML5 新特性教程

    • 相关电子书

    更多
  • JavaScript异步编程
  • Delivering Javascript to World
  • 编程语言如何演化-以JS的private为例

    • 相关实验场景

    更多
  • 语言入门-2：基本类型
  • Html5和Webpack2：Webpack5打包JS和样式表
  • 前端开发基础6：Node.js和LESS预编译工具
    • 下一篇
    DataWorks