当前位置: 首页 > news >正文

Arrar.prototype.map()的用法

---恢复内容开始---

map() 方法返回一个由原数组中的每个元素调用一个指定方法后的返回值组成的新数组。

array.map(callback[, thisArg])

  注:[]在语法中[]内的内容表示可选参数

callback原数组中的元素经过该方法后返回一个新的元素。

 

currentValue

 

callback 的第一个参数,数组中当前被传递的元素。

index

callback 的第二个参数,数组中当前被传递的元素的索引。

array

callback 的第三个参数,调用 map 方法的数组。

thisArg执行 callback 函数时 this 指向的对象。

    如果 thisArg 参数有值,则每次 callback 函数被调用的时候,this 都会指向 thisArg 参数上的这个对象。如果省略了 thisArg 参数,或者赋值为 null 或 undefined,则 this 指向全局对象 。

map 不修改调用它的原数组本身(当然可以在 callback 执行时改变原数组)。

使用 map 方法处理数组时,数组元素的范围是在 callback 方法第一次调用之前就已经确定了。在 map 方法执行的过程中:原数组中新增加的元素将不会被 callback 访问到;若已经存在的元素被改变或删除了,则它们的传递到 callback 的值是 map 方法遍历到它们的那一时刻的值;而被删除的元素将不会被访问到。

  

1  <script type='text/javascript'>
2         var arr = [1,8,5,3,2,8];
3         var arr1 = arr.map(function (value) {
4             arr.push(5);
5             return value*3;
6         })
7         console.log(arr1);
8         console.log(arr);
9     </script>
 这里是输出的值,可以看出,在执行函数的时候给数组添加的值,是不会被访问到的
 [3, 24, 15, 9, 6, 24]
 [1, 8, 5, 3, 2, 8, 5, 5, 5, 5, 5, 5]

 

---恢复内容结束---

转载于:https://www.cnblogs.com/mr-yuan/p/6014557.html

相关文章:

  • [ERROR] Plugin 'InnoDB' init function returned error
  • oracle授权动态视图权限给用户
  • RAC 11.2的新特性
  • ABP文档 - Javascript Api
  • node学习第三天(2)
  • Ansible之玩转常见运维场景(个人总结)
  • 照虎画虎——简单WeUI模板UX设计学习
  • There is no Action mapped for namespace [/] and action name [TestAction] ass
  • php中定义数组的方法详解
  • 下一步要怎么玩?
  • 局域网、交换机原理、VLAN技术个人理解、Trunk技术
  • noi 666 放苹果
  • 构建LVS+Keepalived高可用群集
  • 以项目谈WebGIS中Web制图的设计和实现
  • 用DAEMON TOOLS打开rational ross 的bin文件并安装过程梳理
  • [分享]iOS开发-关于在xcode中引用文件夹右边出现问号的解决办法
  • 【mysql】环境安装、服务启动、密码设置
  • ComponentOne 2017 V2版本正式发布
  • create-react-app做的留言板
  • javascript面向对象之创建对象
  • js作用域和this的理解
  • leetcode-27. Remove Element
  • Linux各目录及每个目录的详细介绍
  • Lsb图片隐写
  • MySQL数据库运维之数据恢复
  • node和express搭建代理服务器(源码)
  • Rancher如何对接Ceph-RBD块存储
  • underscore源码剖析之整体架构
  • WordPress 获取当前文章下的所有附件/获取指定ID文章的附件(图片、文件、视频)...
  • 阿里中间件开源组件:Sentinel 0.2.0正式发布
  • 给初学者:JavaScript 中数组操作注意点
  • 力扣(LeetCode)357
  • 码农张的Bug人生 - 见面之礼
  • 入门到放弃node系列之Hello Word篇
  • 使用SAX解析XML
  • 微信小程序实战练习(仿五洲到家微信版)
  • 移动端唤起键盘时取消position:fixed定位
  • 与 ConTeXt MkIV 官方文档的接驳
  • 掌握面试——弹出框的实现(一道题中包含布局/js设计模式)
  • Android开发者必备:推荐一款助力开发的开源APP
  • Java数据解析之JSON
  • 移动端高清、多屏适配方案
  • ​Linux·i2c驱动架构​
  • # MySQL server 层和存储引擎层是怎么交互数据的?
  • #{} 和 ${}区别
  • (07)Hive——窗口函数详解
  • (1)(1.9) MSP (version 4.2)
  • (4.10~4.16)
  • (办公)springboot配置aop处理请求.
  • (二)七种元启发算法(DBO、LO、SWO、COA、LSO、KOA、GRO)求解无人机路径规划MATLAB
  • (二)丶RabbitMQ的六大核心
  • (二开)Flink 修改源码拓展 SQL 语法
  • (附源码)spring boot车辆管理系统 毕业设计 031034
  • (算法)Travel Information Center
  • (一)Java算法:二分查找