数组Api .map()的使用

之前并没有过多的使用过这个Api,在此记录下对其的理解,方便以后多多使用。

首先是对map的说明:

var mappedArray = array.map(callback[, thisObject]);

    callback: 要对每个数组元素执行的回调函数。
    thisObject : 在执行回调函数时定义的this对象。

其可以为数组中的每一个元素执行一次回调函数,并将返回值存入一个新数组中。它只对数组中的非空元素执行指定的函数,没有赋值或者已经删除的元素将被忽略。map 不会改变原有数组,调函数可以有三个参数:当前元素,当前元素的索引和当前的数组对象。

例子:

//例子,arr为原始数组
	var arr = [
	    {name: ‘gonn‘, age: 20, sex: ‘1‘, No: ‘274200‘},
	    {name: ‘nowamagic‘, age: 30, sex: ‘0‘, No: ‘274011‘},
	    {name: ‘frie‘, age: 40, sex: ‘1‘, No: ‘274212‘}
	    ];

	//使用map更改数组每项的值,可对数组每一项元素内部进行增删改,也可以通过return null来删除数组的某项
	var arr2 = arr.map(function(item, i){
	    item.sex = item.sex == ‘0‘ ? ‘女‘ : ‘男‘;
	    if(item.name == ‘tom‘){
	        return null; //删除name为tom的项
	    }
	    return {
	        index: i,
	        name: item.name,
	        age: item.age + 30 + i,
	        sex: item.sex
	    };
	});
时间: 2024-10-21 04:03:46

数组Api .map()的使用的相关文章

兼容 数组 api map代码

if(!("map" in Array.prototype)) Array.prototype.map=function(fun){ for(var i=0,arr=[]; i<this.length; i++){ var newVal=fun(this[i],i,this); arr.push(newVal); } return arr; } var arr=[1,2,3,4,5]; // arr.forEach(function(val,i,arr){ // //val*=2

js中数组API以及ES6总结

1. 数组API2. ES6: 1. 数组API: 遍历: 对数组中每个元素执行相同的操作 arr.forEach(): 对原数组中每个元素执行相同的操作 arr.forEach(function(elem,i,arr){ //对当前元素执行操作,并保存回原数组的当前位置}) arr.map(): 复制出原数组中每个元素,执行相同操作后,放入新数组返回.原数组保持不变. var newArr=arr.map(function(elem,i,arr){ return 新值}) 过滤和汇总: 过滤:

数组API(2)

ES5中数组新增API: 1. indexOf 作用:检测当前数据是否在数组中存在: 特点:如果存在返回相对应的下标,如果不存在则返回-1: 如果数组中存在多个需要判断的这个数据,则返回最近的这个数据的下标; 可以传递两个参数,第二个参数指定查询的起始位置: 示例: var arr = [10,20,30,40,50,30];                 var index1= arr.indexOf(30);                   var index2 = arr.index

数组Array、数组API

1.数组:批量管理多个数据的存储空间. 数组的作用:现实中,批量管理多个数据都是集中分组存放,良好的数据结构,可极大提高程序的执行效率! 优点:方便查找 2.创建数组:(4种方式) (1)var 变量名=[]; 创建一个空数组 何时使用:暂时不知道数组中的元素内容时(2)var 变量名=[值1,值2,...]; -->创建数组同时,初始化数组中的数据(3)var 变量名=new Array(); 创建一个空数组 new:在window之外,创建一个新空间,保存多个数据 返回新空间的地址! 注意:

Microsoft Win32 to Microsoft .NET Framework API Map

Microsoft Win32 to Microsoft .NET Framework API Map .NET Development (General) Technical Articles Microsoft .NET Framework and Microsoft Visual Studio User Education TeamsMicrosoft Corporation January 2004 Applies to:    Microsoft® .NET Framework ver

Go语言学习笔记(三)数组 &amp; 切片 &amp; map

加 Golang学习 QQ群共同学习进步成家立业工作 ^-^ 群号:96933959 数组 Arrays 数组是同一种数据类型的固定长度的序列. 数组是值类型,因此改变副本的值,不会改变本身的值: 当作为方法的入参传入时将复制一份数组而不是引用同一指针. 通过从0开始的下标索引访问元素值. 数组定义 var a []int a = make([]int, 5) var a1 [5]int = [5]int{1, 2, 3, 4, 5} //len:5 content:[1 2 3 4 5] va

JavaScript中对数组和数组API的认识

JavaScript中对数组和数组API的认识 一.数组概念: 数组是JavaScript中的一类特殊的对象,用一对中括号“[]”表示,用来在单个的变量中存储多个值.在数组中,每个值都有一个对应的不重复的索引值.自动匹配索引值的数组称为索引数组,自定义索引值的数组称为关联数组(又叫哈希数组).以下均研究索引数组. 二.创建数组: 使用数组之前首先都要先创建并赋值给一个变量,创建数组有两种不同的方法. 1.调用构造函数Array()创建数组,索引数组索引值都从0开始 eg:var arr=New

CSV-03- csv 读写框架支持数组、Map、Collection 等常见集合

集合类 有时候对象中会包含数组.Map.Collection 等常见集合. 为了存储的便利性,默认提供集合的相关支持. 特性和普通字段保持一致,如果指定注解转换,则以注解为准. 使用示例 UserCollection.java 用于演示集合的对象 public class UserCollection { private String[] arrays; private LinkedList<String> lists; private Map<String, String> ma

【前端_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