学习笔记之Array.prototype.map()方法
时间:2019-09-28
本文章向大家介绍学习笔记之Array.prototype.map()方法,主要包括学习笔记之Array.prototype.map()方法使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
Array.prototype.map()
作用:
它会把调用这个方法的数组(arr)中的每一个元素逐个作为参数传递给你所指定的回调函数(callback)中,并且将得到的结果按顺序逐个的放在一个数组中作为返回值返回 (因此不会改变原数组的值)
语法:
var arr = arr.map(function callback(currentValue, index, array) {
// 具体的代码
}[, thisArg])
参数:
- currentValue : 当前值,即本次循环中从数组里传递给函数中的参数
- index:[可选参数] 当前值在调用这个方法的数组中对应对的索引值
- array:[可选参数] 原数组,即调用这个方法的数组
- thisArg:[可选参数] 执行 callback 函数时使用的this值。
详细参见MDN:
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/map
以上内容参照MDN并加以个人理解
示例代码:
var arr = [1,2,3,4,5]; // 初始化一个数组
arr.map(function getSquare(currentValue){
return currentValue * currentValue;
})
// 返回结果: (5) [1, 4, 9, 16, 25]
当数组arr调用map方法时经历了以下过程:
- 将arr数组中的第一个元素作为参数传递给getSquare函数
- 执行getSquare函数,函数执行 ----> 返回 1 * 1 的结果
- 将arr数组中的第二个元素作为参数传递给getSquare函数
- 执行getSquare函数,函数执行 ----> 返回 2 * 2 的结果
- ....以此类推,直至将数组中的每一个元素都传递给了getSquare函数,然后将得到的结果按顺序放入一个新数组中并返回,因此最终的到的结果为新数组[1, 4, 9, 16, 25]
原文地址:https://www.cnblogs.com/ViavaCos/p/11603191.html
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法