数组总共有 22 种方法，本文将其分为对象继承方法、数组转换方法、栈和队列方法、数组 排序方法、数组拼接方法、创建子数组方法、数组删改方法、数组位置方法、数组归并方法 和数组迭代方法共10 类来进行详细介绍 对象继承方法数组是一种特殊的对象，继承了对象Object的toString()、toLocaleString()和valueOf()方 法【toString()】 toString()方法返回由数组中每个值的字符串形式拼接而成的一个以逗号分 隔的字符串[注意]该方法的返回值与不使用任何参数调用join()方法返回的字符串相同[1,2,3].toString();//'1,2,3'['a','b','c'].toString();//'a,b,c'[1,[2,'c']].toString();//'1,2,c'由于alert()要接收字符串参数，它会在后台调用toString()方法，会得到与toString()方法相同 的结果alert([1,2,3]);//'1,2,3'【toLocaleString()】 toLocaleString()是toString()方法的本地化版本，它经常也会返回与 toString()方法相同的值，但也不总是如此。
因为，它调用元素的是toLocaleString()方法将每 个数组元素转化为字符串var personl = {toLocaleString:function(){z…；toString:function(){var person2 = {toLocaleString:function(){return 'Grigorios';},toString:function(){return 'Greg';}；var people = [person1,person2];console.log(people.toString());//'Nicholas,Greg'console.log(people.toLocaleString());//'Nikolaos,Grigorios如果数组中的某一项的值是null或者undefined，则该值在toLocaleString()和toString()方法 返回的结果中以空字符串表示var colors = 1,undefined,2,null,3];console.log(colors.toString());//'1,,2,,3'console.log(colors.toLocaleString());//'1,,2,,3'【valueOf()】 valueOf()方法返回数组对象本身var a = 1,2,3];console.log(a.valueOf());// [1, 2, 3]console.log(a.valueOf() instanceof Array);//true数组转换方法【join()】 Array.join()方法是String.split()方法的逆向操作，后者是将字符串分割成若干块来 创建一个数组数组继承的toLocaleString()和 toString()方法，在默认情况下都会以逗号分隔 的字符形式返回数组项；而join()方法可以使用不同的分隔符来构建这个字符串，join()方法 只接收一个参数，用作分隔符的字符串，然后返回包含所有数组项的字符串如果不给join() 方法传入任何值，则使用逗号作为分隔符var a = 1,2,3];console.log(a.join());//'1,2,3'console.log(a.join(' '));//'1 2 3'console.log(a.join(''));//'123'var b = new Array (10);b.join('-');//' ', 9个连字符组成的字符串若join()方法的参数是undefined,标准浏览器以逗号为分隔符返回字符串，而IE7-浏览器 以'undefined/分隔符返回字符串//标准浏览器为'1,2,3' ;IE7-浏览器为'1undefined2undefined3'var a = 1,2,3];console.log(a.join(undefined));如果数组中的某一项的值是null或者undefined，则该值在join()方法返回的结果中以空字符 串表示var colors = 1,undefined,2,null,3];console.log(colors.join());//'1,,2,,3'该方法也可以用于类数组对象上console.log(Array.prototype.join.call('hello', '-'));// "h-e-l-l-o"var obj = { 0:'a', 1: 'b', length: 2 };console ・log(Array.prototype.join.call(obj, '-'));// 'a-b'［注意］若对象没有 length 属性，就不是类数组，也就不能调用数组的方法var obj = { 0:'a', 1: 'b' };console.log(typeof Array.prototype.join.call(obj, '-'));//栈和队列方法push()和pop()方法允许将数组当作栈来使用。
unshift()和shift()方法的行为非常类似于push() 和pop()，不一样的是前者是在数组的头部而非尾部进行元素的插入和删除操作栈是一种LIFO(Last-First-Out,后进先出)的数据结构，也就是最新添加的项最早被移除而 栈中项的插入(叫做推入)和移除(叫做弹出)，只发生在一个位置 栈的顶部javascript为 数组专门提供了 push()和pop()方法，以便实现类似栈的行为队列数据结构的访问规则是FIFO(first-in-first-out,先进先出)队列在列表的末端添加项， 从列表的前端移除项结合使用shift()和push()方法，可以像使用队列一样使用数组【push()】push()方法可以接收任意数量的参数，把它们逐个添加到数组末尾，并返回修改后数组的长 度所以，该数组会改变原数组var a =[];console.log(a,a.push(1));//[1] 1console.log(a,a.push('a'));//[1,'a'] 2console.log(a,a.push(true, {}));//[1,'a',true,{}] 4console.log(a,a.push([5,6]));//[1,'a',true,{},[5,6]] 5如果需要合并两个数组，可以使用apply方法var a = 1,2,3];var b = 4, 5, 6];console.log(a,Array.prototype.push.apply(a, b));//[1,2,3,4,5,6] 6[注意]如果使用call方法，则会把数组b整体看成一个参数var a =1, 2, 3];var b = 4, 5, 6];console.log(a,Array.prototype.push.call(a, b));//[1,2,3,[4,5,6]] 4 push()方法也可以向对象中添加元素，添加后的对象变成类数组对象，即新加入元素的键对 应数组的索引，并且对象有一个 length 属性var obj = {a: 1};console.log(obj,[].push.call(obj, 2));// {a:1, 0:2, length: 1} console.log(obj,[].push.call(obj, [3]));// {a:1, 0:2, 1:[3], length: 2}【pop()】pop()方法从数组末尾移除最后一项，减少数组的length值，然后返回移除的项。
所以，该 数组会改变原数组var a = 'a', 'b', 'c'];console.log(a,a.pop()); // ['a', 'b'] 'c'对空数组使用pop()方法，不会报错，而是返回undefinedvar a =[];console.log(a,a.pop()); // [] undefined【shift()】shift()方法移除数组中的第一个项并返回该项，同时数组的长度减1所以，该数组会改变 原数组var a = 'a', 'b', 'c'];console.log(a,a.shift());//['b', 'c'] 'a'对空数组使用shift()方法，不会报错，而是返回undefinedvar a =[];console.log(a,a.shift());// [] undefined【unshift()】unshift()方法在数组前端添加任意个项并返回新数组长度所以，该数组会改变原数组var a = 'a', 'b', 'c'];当使用多个参数调用unshift()时，参数是一次性插入的而非一次一个地插入这意味着最终的数组中插入的元素的顺序和它们在参数列表中的顺序一致var a ='a', 'b', 'c'];console.log(a,a.unshift('x','y','z')); //['x','y','z','a', 'b', 'c'] 6[注意]在IE7-浏览器中，unshift()方法返回的总是undefined//标准浏览器下，返回[1] 1;而IE7-浏览器下，返回[1] undefinedvar a =[];console.log(a,a.unshift(1));数组排序方法数组中存在两个可以直接用来重排序的方法:reverse()和sort()【reverse()】reverse()方法用于反转数组的顺序，返回经过排序之后的数组；而原数组顺序也发生改变var array = [1,2,4,3,5];console.log(array,array.reverse());//[5,3,4,2,1] [5,3,4,2,1]var array = ['str' , true, 3 ];console.log(array,array.reverse());//[3,true,'str'] [3,true,'str']【sort()】默认情况下，sort()方法按字符串升序排列数组项，sort方法会调用每个数组项的toString() 方法，然后比较得到的字符串排序，返回经过排序之后的数组，而原数组顺序也发生改变var array = [1,2,4,3,5];var array = ['3str' ,3,2,'2'];console.log(array,array.sort());//[2, "2", 3, "3str"] [2, "2", 3, "3str"]var array = [1,5,10,50];console.log(array,array.sort());//[1, 10, 5, 50] [1, 10, 5, 50]如果数组包含undefined元素，它们会被排到数组的尾部var array = '3',3,undefined,2,'2'];console ・log(array,array.sort());//["2", 2, "3", 3, undefined] ["2", 2, "3", 3, undefined]sort()方法可以接受一个比较函数作为参数，以便指定哪个值在哪个值的前面。
比较函数接 收两个参数，如果第一个参数应该位于第二个参数之前则返回一个负数，如果两个参数相等 则返回 0，如果第一个参数应该位于第二个参数之后则返回一个正数function compare(value1,value2){if(value1 < value2){return -1;else if(value1 > value2){return 1;eise{return 0;}}var array = ['5px' ,50,1,10];//当数字与字符串比较大小时，字符串'5px'会被转换成NaN,这样结果就是falseconsole.log(array・sort(compare));//["5px",1, 10, 50]对于数值类型或valueOf()方法会返回数值类型的对象类型，比较函数可以简化function compare(value1,value2){return valuel - value2;}var array = ['5px' ,50,1,10];console.log(array.sort(compare));//["5px",1,10,50]var array = [5,50,1,10];console.log(array.sort(compare));//[1,5,10,50]如果对一个字符串数组执行不区分大小写的字母表排序，比较函数首先将参数转化为小写字 符串再开始比较a = ['ant' , 'Bug' , 'cat' , 'Dog'];a.sort();//['Bug','Dog','ant','cat'];a.sort(function(s,t){var a = s.toLowerCase();var b = t.toLowerCase();if(a < b) return -1;if (a > b)return 1;return 0;});//['ant','bug','cat','dog']【tips】使用sort()方法创建一个随机数组function compare(){return Math.random() -0.5;}var array = [1,2,3,4,5];数组拼接方法【concat(】)concat()方法基于当前数组中的所有项创建一个新数组，先创建当前数组一个副本，然后将 接收到的参数添加到这个副本的末尾，最后返回新构建的数组。
所以concat()不影响原数组如果不给concat()方法传递参数时，它只是复制当前的数组；如果参数是一个或多个数组， 则该方法会将这些数组中的每一项都添加到结果数组中；如果传递的值不是数组，这些值就 会被简单地添加到结果数组的末尾var numbers = 1,2];console.log(numbers,numbers.concat(3,4));//[1,2] [1,2,3,4]console.log(numbers,numbers.concat([5,4,3],[3,4,5],1,2));//[1,2] [1,2,5,4,3,3,4,5,1,2]console.log(numbers,numbers.concat(4,[5,[6,7]]));//[1,2] [1,2,4,5,[6,7]]如果不提供参数，concat()方法返回当前数组的一个浅拷贝所谓“浅拷贝”，指的是如果数 组成员包括复合类型的值(比如对象)，则新数组拷贝的是该值的引用//该方法实际只复制了数组的第一维，数组第一维存放的是第二维的引用，而第二维才是实际存放他们的 内容var numbers = 1,2];var newNumbers = numbers.concat();console.log(numbers,newNumbers);//[1,2] [1,2]numbers]。
] = 0;console.log(numbers,newNumbers);//[0,2] [1,2]var numbers = [ 1,2]];var newNumbers = numbers.concat();console.log(numbers,newNumbers);//[[1,2]] [[1,2]]numbers[0][0] = 0;concat()方法也可以用于将对象合并为数组，但是必须借助call ()方法var newArray = Array.prototype.concat.call({ a: 1 }, { b: 2 })console.log(newArray);// [{ a: 1 }, { b: 2 }]console.log(newArray[0].a);//1创建子数组方法【slice()】slice()方法基于当前数组中的一个或多个项创建一个新数组，接受一个或两个参数，即要返 回项的起始和结束位置，最后返回新数组，所以slice()不影响原数组slice(start,end)方法需要两个参数start和end，返回这个数组中从start位置到(但不包含)end 位置的一个子数组；如果end为undefined或不存在，则返回从start位置到数组结尾的所有 项如果 start 是负数，则 start = max(length + start,0)如果 end 是负数，则 end = max(length + end,0)start 和 end 无法交换位置如果没有参数，则返回原数组var numbers = 1,2,3,4,5];console.log(numbers.slice(2));//[3,4,5]console.log(numbers.slice(2,undefined));//[3,4,5]console.log(numbers.slice(2,3));//[3]console.log(numbers.slice(2,1));//[]console.log(numbers.slice(-3));//-3+5=2 -> [3,4,5]console.log(numbers.slice(-8));//max(5 + -8,0)=0 -> [1,2,3,4,5]console.log(numbers.slice(0,-3));//-3+5=2 -> [1,2]console.log(numbers.slice(-2,-1));//-2+5=3;-1+5=4; -> [4]如果不提供参数，slice()方法返回当前数组的一个浅拷贝//该方法实际只复制了数组的第一维，数组第一维存放的是第二维的引用，而第二维才是实际存放他们的 内容var numbers = 1,2];var newNumbers = numbers.slice();console.log(numbers,newNumbers);//[1,2] [1,2]numbers]。
] = 0;console.log(numbers,newNumbers);//[0,2] [1,2]var numbers = [ 1,2]];var newNumbers = numbers.slice();console.log(numbers,newNumbers);//[[1,2]] [[1,2]]numbers[0][0] = 0;console.log(numbers,newNumbers);//[[0,2]] [[0,2]]slice()方法涉及到Number()转型函数的隐式类型转换，当start被转换为NaN时，相当于start =0；当end被转换为NaN时(end为undefined除外)，则输出空数组var numbers = 1,2,3,4,5];console.log(numbers.slice(NaN));//[1,2,3,4,5]console.log(numbers.slice(0,NaN));//[]console.log(numbers.slice(true,[3]));//[2,3]console.log(numbers.slice(null,undefined));//[1,2,3,4,5]console.log(numbers.slice({}));//[1,2,3,4,5]console.log(numbers.slice('2',[5]));//[3,4,5]可以使用slice()方法将类数组对象变成真正的数组var arr = Array ・ prototype.slice.call(arrayLike);Array.prototype.slice.call({ 0: 'a', 1: 'b', length: 2 })// ['a', 'b']Array.prototype.slice.call(document.querySelectorAll("div"));Array.prototype.slice.call(arguments);数组删改方法【splice()】splice()和slice()拥有非常相似的名字，但它们的功能却有本质的区别。
splice()方法用于删除 原数组的一部分成员，并可以在被删除的位置添加入新的数组成员，该方法会改变原数组splice()返回一个由删除元素组成的数组，或者如果没有删除元素就返回一个空数组splice()的第一个参数start指定了插入或删除的起始位置如果start是负数，则start =max(length + start,)；如果 start 是 NaN，则相当于 start = 0如果只提供一个元素，相当于将原数组在指定位置拆分成两个数组var a = 1,2,3,4,5,6,7,8];console.log(a,a.splice());// [1,2,3,4,5,6,7,8][]var a = 1,2,3,4,5,6,7,8];console.log(a,a.splice(4));// [1,2,3,4] [5,6,7,8]var a = 1,2,3,4,5,6,7,8];console.log(a,a.splice(-4));//-4+8=4; [1,2,3,4] [5,6,7,8]var a = 1,2,3,4,5,6,7,8];console.log(a,a.splice(-9));//max(-9+8,0)=0 [] [1,2,3,4,5,6,7,8]var a = 1,2,3,4,5,6,7,8];第二个参数 number 指定了应该从数组中删除的元素的个数。
如果省略第二个参数，从起始 点开始到数组结尾的所有元素都将被删除如果number是负数或NaN或undefined，则 number=O,因此不删除元素var a = 1,2,3,4,5,6,7,8];console.log(a,a.splice(0,2));// [3,4,5,6,7,8] [1,2]var a = 1,2,3,4,5,6,7,8];console.log(a,a.splice(10,2));// [1,2,3,4,5,6,7,8][]var a = 1,2,3,4,5,6,7,8];console.log(a,a.splice(1,100));// [1] [2,3,4,5,6,7,8]var a = 1,2,3,4,5,6,7,8];console.log(a,a.splice(1,-5));//[1,2,3,4,5,6,7,8][]var a = 1,2,3,4,5,6,7,8];console.log(a,a.splice(1,NaN));//[1,2,3,4,5,6,7,8][]var a = 1,2,3,4,5,6,7,8];console.log(a,a.splice(1,undefined));//[1,2,3,4,5,6,7,8] []如果后面还有更多的参数，则表示这些就是要被插入数组的新元素var a = 1,2,3,4,5];console.log(a,a.splice(2,0,'a','b'));//[1,2,'a','b',3,4,5]1 []console.log(a,a.splice(2,2,[1,2],3));//[1,2,[1,2],3,3,4,5]1 ['a','b']数组位置方法ES5为数组实例添加了两个位置方法：indexOf()、lastIndexOf()【indexOf()】indexOf(search,start)方法接收search和start两个参数，返回search首次出现的位置，如果没 有找到则返回-1search 参数表示要搜索的项；使用严格相等运算符(===)进行比较var arr = 1,2,3,'1','2','3'];console.log(arr.indexOf('2'));//4console.log(arr.indexOf(3));//2console.log(arr.indexOf(0));//-1start参数表示该搜索的开始位置，该方法会隐式调用Number()转型函数，将start非数字值(undefined除外)转换为数字。
若忽略该参数或该参数为undefined或NaN时，start = 0var arr = 'a','b','c','d','e','a','b'];console.log(arr.indexOf('a',undefined));//console.log(arr.indexOf('a',NaN));//0console.log(arr.indexOf('a',1));//5console.log(arr.indexOf('a',true));//5console.log(arr.indexOf('a',-1));//max(0,-1+7)=6; -1console.log(arr.indexOf('a',-5));//max(0,-5+7)=2; 5console.log(arr.indexOf('a',-5O));//max(0,-50+7)=0; 0var person = {name: 'Nicholas'};var people = [{name: 'Nicholas'}];var morePeople = [person];alert(people.indexOf(person));//-1,因为 person 和 people[0]虽然值相同，但是是两个弓I 用alert(morePeople.indexOf(person));//0，因为 person 和 morepeople[0]是同一个弓丨用alert(morePeople.indexOf({name: 'Nicholas' }));//-1,因为不是同一个弓丨用indexOf()方法兼容写法if (typeof Array.prototype.indexOf != "function") {Array.prototype.indexOf = function (searchElement, fromlndex) {var index = -1;fromlndex = fromlndex *1 || 0;for (var k = 0, length = this .length; k < length; k++) {if (k >= fromIndex && this[k] === searchElement) { index = k;【lastIndexOf(】)与indexOf()不同，lastIndexOf()从右向左查找lastIndexOf(search,start)方法接收search和start两个参数，返回search第一次出现的位置,如果没有找到则返回-1search 参数表示要搜索的项；使用严格相等运算符(===)进行比较var arr = 1,2,3,'1','2','3'];console.log(arr.lastIndexOf('2'));//4console.log(arr.lastIndexOf(3));//2console.log(arr.lastIndexOf(0));//-1start表示该搜索的开始位置，该方法会隐式调用Number()转型函数，将start非数字值(undefined除外)转换为数。
若忽略该参数或该参数为undefined或NaN时，start = 0 与字符串的lastIndexOf()方法不同，当search方法为负数时，search = max(O,length+search)var arr ='a','b','c','d','e','a','b'];console ・log(arr ・lastIndex0f('b'));//6console.log(arr.lastIndexOf('b',undefined));//-】console.log(arr.lastIndexOf('a', undefined));//console.log(arr.lastIndexOf('b',NaN));//-1console.log(arr.lastIndexOf('b',1));//1console.log(arr.lastIndexOf('b',-1));//max(0,-1+7)=6; 6console.log(arr.lastIndexOf('b',-5));//max(0,-5+7)=2; 1console.log(arr.lastIndexOf('b',-5O));//max(0,-50+7)=0; -1【tips】返回满足条件的项的所有索引值可以通过循环调用indexOf()或lastIndexOf()来找到所有匹配的项function alllndexOf(array,value){var result =[];var pos = array .indexOf(value);if(pos === -1){return -1;—“result.push(pos);pos array.indexOf(value,pos+1);―result;var array = [1,2,3,3,2,1];console.log(allIndexOf(array,1));//[0,5]lastIndexOf()方法兼容写法if (typeof Array.prototype.lastIndexOf != "function") {Array.prototype.lastIndexOf = function (searchElement, fromlndex) {var index = -1, length = this.length;fromlndex = fromIndex *1 | | length - 1;for (var k = length -1; k >-1; k-=1) {if (k <= fromIndex &&this[k] === searchElement) {index = k;数组归并方法数组归并方法包括reduce()和reduceRight()方法两种，它们使用指定的函数将数组元素进行组合，生成单个值。
这在函数式编程中是常见的操作，也可以称为“注入”和“折叠” 【reduce()】reduce()方法需要两个参数第一个是执行化简操作的函数化简函数的任务就是用某种方 法把两个值组合或化简为一个值，并返回化简后的值化简函数接受四个参数，分别是：【1】初始变量，默认为数组的第一个元素值函数第一次执行后的返回值作为函数第二次 执行的初始变量，依次类推【2】当前变量，如果指定了第二个参数，则该变量为数组的第一个元素的值，否则，为第二个元素的值【3】当前变量对应的元素在数组中的索引(从 0 开始)【4】原数组对象化简函数的这四个参数之中，只有前两个是必须的，后两个则是可选的values.reduce(function(prev, cur, index, array){//todo})；reduce()方法第二个(可选)的参数是一个传递给函数的初始值var a = 1,2,3,4,5];var sum = a.reduce fun ctio n (x,y){return x+y},0);// 数组求和var product = a.reduce function (x,y){return x*y},1); //数组求积 var max = a.reduce fun cti on (x,y){return (x〉y)?x:y;});//求最大值 [1, 2, 3, 4 , 5].reduce(function(prev, cur){console.log(prev, cur)return prev+ cur;})；// 1 2// 3 3// 6 4// 10 5//最后结果：15[1, 2, 3, 4 , 5].reduce(function(prev, cur){console.log(prev, cur);return prev + cur;},0)；// 0 1// 1 2// 3 3// 6 4// 10 5//最后结果：15［注意］reduce()方法的返回结果类型和传入的初始值相同[1, 2, 3, 4 , 5].reduce(function(prev, cur){console.log(prev.sum, cur);prev.sum = prev.sum + cur;return prev;},{sum:0});//0//1//3//6//10 5//Object {sum: 15}利用reduce()方法，可以写一个数组求和的sum方法Array.prototype.sum = function (){return this.reduce(function (prev, cur){return prev + cur;})};[3,4,5,6,10].sum();// 28由于reduce方法依次处理每个元素，所以实际上还可以用它来搜索某个元素。
比如，找出长度最长的数组元素function findLongest(entries) {return entries.reducefunc tion (prev, cur) {return cur.length > prev.length ? cur : prev;},'')；}console.log(findLongest([1,2,3,'ab',4,'bcd',5,6785,4]));//'bcd可以利用reduce()方法，实现二维数组的扁平化var matrix =[[1, 2],[3, 4],[5, 6]//二维数组扁平化var flatten = matrix.reduce function (prev, cur) {return prev.concat(cur);});console.log(flatten); // [1, 2, 3, 4, 5, 6]在空数组上，不带初始值参数调用reduce()将导致类型错误异常如果调用它的时候只有一 个值——数组只有一个元素并且没有指定初始值，或者有一个空数组并且指定一个初始值 reduce只是简单地返回那个值而不会调用化简函数var arr ==[];arr.reduce(function(){});//Uncaught TypeError: Reduce of empty array with no initial valuevar arr ==[];arr.reduce(function(){},1);//1reduce()方法兼容写法Array.prototype.reduce = function (callback, initialvalue ) {var previous = initialvalue, k =0, length = this.length;if (typeof initialValue === "undefined") {previous =his[0];k 1;}if (typeof callback === "function") {for (k; k < length; k++) {this.hasOwnProperty(k) && (previous = callback(previous, this[k], k, t his));}}return previous;};}【reduceRight(】)reduceRight()的工作原理和reduce()一样，不同的是它按照数组索引从高到低(从右到左) 处理数组，而不是从低到高var values = 1,2,3,4,5];var sum = values.reduceRight function (prev, cur, index, array){console.log(prev,cur);return prev + cur;});console.log(sum);//5 4//9 3//12 2//14 1//15reduceRight ()方法兼容写法if (typeof Array.prototype.reduceRight != "function") {Array.prototype.reduceRight = function (callback, initialvalue ) {var length = this.length, k = length -1, previous = initialValue; if (typeof initialValue === "undefined") {previous =his[length - 1];k__;}if (typeof callback === "function") {for (k; k > _1; k_=1) {this.hasOwnProperty(k) && (previous = callback(previous, this[k], k,this));}}return previous;};}数组迭代方法ECMAScript5为数组定义了 5个迭代方法。
每个方法都接收两个参数：要在每一项上运行的 函数和（可选的）运行该函数的作用域对象——影响 this 的值传入这些方法中的函数会接收三个参数：数组项的值、该项在数组中的位置和数组对象本身根据使用的方法不同，这个函数执行后的返回值可能会也可能不会影响访问的返回值function(item,index,array){} //todo【map()】map()方法对数组的每一项运行给定函数，返回每次函数调用的结果组成的数组//f是array的每一个元素调用的函数它的返回值成为返回数组的元素；o是f调用时的可选this值 array.map(f,o);[1,2,3].map(function(item,index,arr){return item*item});//[1,4,9][1,2,3].map(function(item,index,arr){return item*index});//[0,2,6]map()方法还可以接受第二个参数，表示回调函数执行时this所指向的对象var arr = 'a','b','c'];[1,2].map(function(item,index,arr){return this[item]},arr);//['b','c']在实际使用的时候，可以利用map()方法方便获得对象数组中的特定属性值var users = [{name 't1',email:'t1@'},{name:'t2',email:'t2@'},{nam e:'t3',email:'t3@'}];console.log(users.map(function(item,index,arr){return item.email}));//["t1@q ", "t2@", "t3@"]map()方法还可以用于类数组对象Array.prototype.map.call('abc',function(item,index,arr){return item.toUpperCa se()});//["A", "B", "C"]对于稀疏数组，map()方法不会在实际上不存在元素的序号上调用函数var a = 1,,3];console.log(a.map(function(item,index,arr){return item*2;}));//[2, 2: 6]map()方法兼容写法if (typeof Array.prototype.map != "function") {Array.prototype.map = function (fn, context) {var arr =[];if (typeof fn === "function") {for (var k = 0, length = this .length; k < length; k++) {arr.push(fn.call(context;this [k], k, this));}}return arr;};}【forEach()】forEach()方法对数组中的每一项运行给定函数，这个方法没有返回值。
本质上与for循环迭 代数组一样如果需要有返回值，一般使用map方法[1,2,3,4].forEach(function(item,index,arr){ console.log(item)});//1//2//3类似于如下的for循环var array = [1, 2, 3, 4 ];for (var k = 0, length = array .length; k < length; k++) {console.log array [k]);}使用forEach()方法实现简单的加法var sum = 0;[1, 2, 3, 4].forEach(function (item, index, array) {sum += item;});console.log(sum);//10forEach()方法除了接受一个必须的回调函数参数，第二个参数还可以接受一个可选的上下文参数(改变回调函数里面的 this 指向)var out =[];[1, 2, 3].forEach(function(elem){this.push(elem * elem);}, out);console.log(out);// [1, 4, 9]第二个参数对于多层this非常有用，因为多层this通常指向是不一致的，可以使用forEach() 方法的第二个参数固定 thisvar obj = {name:'张三',times: 1, 2, 3],print: function () {//该this扌旨向objconsole.log(this);this.times.forEach(function (n) {//该 this 指向 windowconsole.log(this);})；obj.print();var obj = {name:'张三',times: 1, 2, 3],print: function () {//该this指向objconsole.log(this);this.times.forEach(function (n) {//该this同样指向objconsole.log(this);obj.print();forEach()循环可以用于类数组对象var str = 'abc';Array.prototype.forEach.call(str, function(item, index, array) { console.log( item +':' + index);});//a:0//b:1//c:2与for循环不同，对于稀疏数组，forEach()方法不会在实际上不存在元素的序号上调用函数var a = 1,2,3];dele te a[1];for (var i =0; i < a.length; i++){console.log(a[i]);1//undefined//3a.forEach(function(item,index,arr){console.log(item)});//1//3forEach()方法无法在所有元素都传递给调用的函数之前终止遍历。
也就是说，没有像for循 环中使用的相应的break语句如果要提前终止，必须把forEach()方法放在一个try块中， 并能抛出一个异常for (var i = 0; i <5; i++){if (i == 2 ) break;}console.log(i);//2var a = 1,2,3,4,5];console.log(a.forEach(function(item,index,arr){if(index == 2) break;//Uncaught SyntaxError: Illegal break statement}))；var a = 1,2,3,4,5];a.forEach(function(item,index,arr){try{if(item == 2) throw new Error;Catch(e){console.log(item);},}forEach()方法兼容写法if(typeof Array.prototype.forEach != 'function'){Array.prototyp。