数组的map方法

map方法 不支持IE6、7 、8

  array1.map(fn)

  array1.map(fn[,thisArg])

  注意:

     fn 必须是函数,如果不是函数则会报错  TypeError: undefined is not a function4

     map()不会对空数组进行检测。map()不会改变原是数组

 

1 .理解 (官方:一个新数组,其中的每个元素均为关联的原始的数组元素的回调函数的返回值)

 下图中我把上面的话翻译了一下

  

2 .内置JavaScript方法用做回调函数,例如:Math对象方法

  

3 .自定义普通对象方法 和 构造函数(函数对象)

 array1.map(fn,obj),如果对象方法或者构造函数内的方法使用了其内部的属性

   则需要传递第二个参数,也就是当前这个对象,下面举例说明

4 .字符串使用map()方法

  function fn(value ,index,array){}

  

  

  最后来看一下 map 和reduce

  

时间: 2024-08-02 06:58:51

数组的map方法的相关文章

【前端_js】javascript中数组的map()方法

数组的map()方法用于遍历数组,每遍历一个元素就调用回调方法一次,并将回调函数的返回结果作为新数组的元素,被遍历的数组不会被改变. 语法:let newAarray = arr.map(function callback(currentValue, index, array) { // Return element for newArray } 示例: let numbers = [1, 5, 10, 15]; let doubles = numbers.map((x) => { return

javascript中数组的map方法

map方法原型:array1.map(callbackfn[, thisArg]) 参数: array1,必选. 一个数组对象.该函数一般用于数组对象 callbackfn,必选. 最多可以接受三个参数的函数. 对于数组中的每个元素,map 方法都会调用 callbackfn 函数一次. thisArg,可选. callbackfn 函数中的 this 关键字可引用的对象. 如果省略 thisArg,则 undefined 将用作 this 值. 返回值: 一个新数组,其中的每个元素均为关联的原

js中数组的map()方法

map()方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值 map()方法按照原是数组顺序以此处理元素 注意:map()不会对空数组进行检测 :不会改变原始的数组 实例: var numbers = [65, 44, 12, 4]; function multiplyArrayElement(num) { return num * 10; } function myFunction() { document.getElementById("demo").innerHTM

数组的map方法以及parseInt函数

原题: ['1', '2', '3'].map(parseInt): 第一次分解: ['1', '2', '3'].map((item, index) => { return parseInt(item, index) }) 第二次分解 parseInt('1', 0) // 1 parseInt('2', 1) // NaN parseInt('3', 2) // NaN, 3 不是二进制 结果 ['1', '2', '3'].map(parseInt) // 1, NaN, NaN arra

forEach() map() some() [数组的扩充方法]

2.7.1 arr.forEach() 参数及含义 var arr = [ 'a' , 'b' , 'c' , 'd' , 'e' ] ; var rt = arr.forEach( function( a , b , c){    console.log( '三个参数' , a , b , c );} ) ; console.log( '返回值' , rt ); 第1个参数是数组里的每个元素 第2个参数是索引 第3个参数是原数组 特点 1> forEach 方法按升序为数组中含有效值的每一项执

Jquery遍历筛选数组的几种方法和遍历解析json对象|Map()方法详解

一.Jquery遍历筛选数组 1.jquery grep()筛选遍历数组 $().ready( function(){ var array = [1,2,3,4,5,6,7,8,9]; var filterarray = $.grep(array,function(value){ return value > 5;//筛选出大于5的 }); for(var i=0;i<filterarray.length;i++){ alert(filterarray[i]); } for (key in f

数组对象新增方法Array.from()、Array.of()

1. Array.from() Array.from方法用于将两类对象转为真正的数组:类数组的对象( array-like object )和可遍历( iterable )的对象(包括 ES6 新增的数据结构 Set 和Map ). let arrayLike = { '0': 'a', '1': 'b', '2': 'c', length: 3 }; // ES5 的写法 var arr1 = [].slice.call(arrayLike); // ['a', 'b', 'c'] // ES

js中字符串和数组相互转化的方法

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px "Helvetica Neue"; color: #e4af0a } p.p2 { margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px ".PingFang SC"; color: #454545 } p.p3 { margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px "He

js中的filter方法和map方法

filter方法是对数据中的元素进行过滤,也就是说是不能修改原数组中的数据,只能读取原数组中的数据,callback需要返回布尔值 为true的时候,对应的元素留下来, 为false的时候,对应的元素过滤掉 filter方法的使用: 对应的结果: 如果我们尝试对原数组中的元素进行修改,会有什么效果了? 结果如下: 会发现数据不会发生改变的. 也就是说:filter方法是对原数组的元素进行过滤,返回到一个新的数组中去.不影响原始的数组. map方法的使用: 结果如下: 所以:map方法是可以原数组