設(shè)計(jì)數(shù)組的函數(shù)方法
toString, toLocaleString, valueOf,
concat, splice, slice
indexOf,lastIndexOf,
push, pop, shift, unshift,
sort, reverse
map, reduce, reduceRight, filter, every, some, forEach
創(chuàng)建數(shù)組
數(shù)組字面量創(chuàng)建:
var arr = [val1, val2, val3];
數(shù)組構(gòu)造函數(shù):
var arr = new Array(); var arr = new Array(1, 2, 3, 5);//返回[1, 2, 3, 4, 5] var arr = new Array(2);// 返回 [ , , ] 一個(gè)參數(shù)時(shí)是數(shù)組的長(zhǎng)度length
清空數(shù)組
清空數(shù)組有兩種方法
arr.length = 0;
arr = [];
兩者區(qū)別:js 中數(shù)組是對(duì)象,所以arr是一個(gè)指向數(shù)組值的鏈接,arr.length = 0時(shí),把數(shù)組所有值清除,執(zhí)行速度慢;arr = []時(shí)把a(bǔ)rr的鏈接指向一個(gè)新的空數(shù)組,原數(shù)組值存在于內(nèi)存中如果未被其它變量引用時(shí)則被回收。
var arr1 = [1, 2, 3];var arr2 = arr1; arr2 = [];console.log(arr1);// [1, 2, 3] arr1 還在arr2 = arr1; arr2.length = 0;console.log(arr1); // [] arr1同時(shí)也被清空了
轉(zhuǎn)換方法
arr.toString() 返回由數(shù)組中的每個(gè)值的字符串形式拼接(以逗號(hào)分隔)的字符串
arr.toLocaleString() 和toString作用相同,不同之處在于對(duì)數(shù)組的每一項(xiàng)調(diào)用toString方法
arr.valueOf() 和toString類似,不過(guò)返回?cái)?shù)組最適合的原始類型
arr.join() toString只能使用逗號(hào)分隔字符串,而join可以指定分隔符
var arr1 = ['h', ['e', 'g'], 'n']; var arr2 = [1, 2, 3, 4]; arr1.toString();//"h,e,g,n"arr1.toLocaleString();// "h,e,g,n"arr2.valueOf();//[1, 2, 3, 4] arr2.toString();//"1,2,3,4"arr1.valueOf();//["h", Array(2), "n"] arr2.join('-');//"1-2-3-4" 指定 - 分隔符
堆棧、隊(duì)列方法
push(item) 在數(shù)組末尾壓入數(shù)組項(xiàng),可以是多項(xiàng) ,返回修改后的數(shù)組長(zhǎng)度
pop() 彈出并返回?cái)?shù)組最后一項(xiàng)
shift() 彈出并返回?cái)?shù)組第一項(xiàng)
unshift() 在數(shù)組前端壓入數(shù)組項(xiàng)并返回?cái)?shù)組長(zhǎng)度
var arr = [4, 5, 6]; arr.push(7, 8); arr; //[4, 5, 6, 7, 8] arr.push([9, 10]); arr; //[4, 5, 6, 7, 8, [9, 10]] arr.pop(); arr; //[4, 5, 6, 7, 8] arr.shift() ;// arr [5, 6 ,7, 8] arr,unshift(1, 2, 3, 4); //arr [1, 2, 3, 4, 5, 6, 7, 8]
重排序 sort和reverse
arr.reverse() 反轉(zhuǎn)數(shù)組,第一項(xiàng)變最后一項(xiàng),最后一項(xiàng)變第一項(xiàng),依次類推
sort() 對(duì)數(shù)組重排序,默認(rèn)從小到大排序(按字符比較而非數(shù)值 如 2 > 100) ,可以傳入排序函數(shù)
var arr = [1, 2, 3, 100]; arr.reverse(); //[100, 3, 2, 1]arr.sort();//[1, 100, 2, 3]arr.sort(compare); //[1, 2, 3, 100]function compare(value1, currentValue){ console.log(value1, currentValue); return value1 - currentValue; }/* 排序函數(shù)打印出來(lái)的,可以看出是插入排序 1 100 100 2 1 2 100 3 2 3 */
操作方法與位置方法 concat,slice, splice, indexOf ,lastIndexOf
arr.concat() 基于當(dāng)前數(shù)組的所有項(xiàng)創(chuàng)建一個(gè)新數(shù)組,傳入的項(xiàng)被添加到數(shù)組末尾構(gòu)成新數(shù)組
arr.slice(start, end ) 基于當(dāng)前數(shù)組中的一項(xiàng)或多項(xiàng)創(chuàng)建新數(shù)組,start為開始位置,end為結(jié)束位置,end沒(méi)有的話默認(rèn)為到數(shù)組結(jié)束
arr.splice(start, num, arr1, arr2......) 從start位置開始刪除num項(xiàng)數(shù)組,然后在start位置插入arr1 ,arr2 ,,,,,,,,,。num為0時(shí)沒(méi)有刪除項(xiàng), arr1, arr2 ,,,,,可以沒(méi)有
arr.indexOf(value, start) 搜索value值在數(shù)組中的索引值 ,start為開始項(xiàng)默認(rèn)為0,未找到返回 -1
arr.lastIndexOf(value, start) 從數(shù)組的末尾開始查找(倒序查找),沒(méi)找到返回 -1
var arr1 = [1, 2]; var arr2 = arr1.concat(3, [4, 5]);//[ 1, 2, 3, 4, 5 ] arr2.slice() //[ 1, 2, 3, 4, 5 ] arr2.slice(1) //[ 2, 3, 4, 5 ] arr2.slice(1,4) //[ 2, 3, 4 ] arr2 //[ 1, 2, 3, 4, 5 ] //以下為node環(huán)境下, > 為js表達(dá)式,回車后是輸出 > arr2.slice(1) [ 2, 3, 4, 5 ] > arr2.slice(1,2) [ 2 ] > arr2.slice(1,4) [ 2, 3, 4 ] > arr2 [ 1, 2, 3, 4, 5 ] > arr2.splice(0,1) [ 1 ] > arr2 [ 2, 3, 4, 5 ] > arr2.splice(0,1,1) [ 2 ] > arr2 [ 1, 3, 4, 5 ] > arr2.splice(1,0,2) [] > arr2 [ 1, 2, 3, 4, 5 ] > arr2.splice(5,0,6, 7, 8) [] > arr2 [ 1, 2, 3, 4, 5, 6, 7, 8 ] > arr2.indexOf(8)7> arr2.lastIndexOf(8)7// 當(dāng)查找的值在數(shù)組中有多個(gè)時(shí)indexOf 和lastIndexOf返回不同
迭代方法 map, filter, every, some, forEach, reduce, reduceRight
arr.map() 對(duì)數(shù)組中的每一項(xiàng)運(yùn)行給定的函數(shù),返回每次調(diào)用的結(jié)果組成的數(shù)組。
arr.filter() 對(duì)數(shù)組中的每一項(xiàng)運(yùn)行給定的函數(shù),返回由給定函數(shù)返回ture的項(xiàng)組成的新數(shù)組。
arr.every()對(duì)數(shù)組中的每一項(xiàng)運(yùn)行給定的函數(shù),如果該函數(shù)對(duì)每一項(xiàng)都返回true則返回true
arr.some()對(duì)數(shù)組中的每一項(xiàng)運(yùn)行給定的函數(shù),如果該函數(shù)對(duì)任一項(xiàng)返回true則返回true
arr.forEach()對(duì)數(shù)組中的每一項(xiàng)運(yùn)行給定的函數(shù),沒(méi)有返回值
以上5個(gè)方法傳入的函數(shù)有三個(gè)參數(shù) 分別是item、index、arr,分別是當(dāng)前項(xiàng),當(dāng)前項(xiàng)的索引,數(shù)組
arr.reduce(),arr.reduceRight()
迭代所有項(xiàng),然后構(gòu)建一個(gè)最終返回值,只是迭代的順序不同,reduce從左到右,reduceRight從右到左。傳入的函數(shù)的參數(shù)有prev、cur、index、arr,分別是前一項(xiàng)迭代的結(jié)果,當(dāng)前項(xiàng),當(dāng)前項(xiàng)的索引,數(shù)組arr
var arr = [1, 2, 3, 4, 5]; arr.map(function(item, index, arr){ return item * 2; }); //數(shù)組的每項(xiàng)都乘2 ,返回 [2, 4, 6, 8, 10]arr.filter(function(item, index, arr){ return item % 2 == 0; }); // 返回偶數(shù)項(xiàng) [2, 4]arr.every(function(item, index, arr){ return item > 0; }); // 數(shù)組所有項(xiàng)都大于0 ,返回 truearr.some(function(item, index, arr){ return item < 2; });// 數(shù)組里有小于2的項(xiàng)? 返回truearr.forEach(function( item, index, arr){ console.log(item, index, arr); });// 沒(méi)有返回項(xiàng)/* forEach打印出來(lái)的 1 0 [ 1, 2, 3, 4, 5 ] 2 1 [ 1, 2, 3, 4, 5 ] 3 2 [ 1, 2, 3, 4, 5 ] 4 3 [ 1, 2, 3, 4, 5 ] 5 4 [ 1, 2, 3, 4, 5 ] */arr.reduce(function(prev, cur, index, array){ console.log(prev,cur); return prev * cur; });// 返回?cái)?shù)組所有項(xiàng)相乘的結(jié)果120/* 打印結(jié)果 1 2 2 3 6 4 24 5 */arr.reduceRight(function(prev, cur, index, array){ console.log(prev,cur); return prev * cur; });// 返回?cái)?shù)組所有項(xiàng)相乘的結(jié)果120/* 打印結(jié)果 5 4 20 3 60 2 120 1 */
此博客出自稻草人LXB,轉(zhuǎn)載請(qǐng)注明原文地址
博客地址:http://www.cnblogs.com/scarecrowlxb/
個(gè)人網(wǎng)址:http://bingxl.github.io
郵箱: 2282152858@qq.com
http://www.cnblogs.com/scarecrowlxb/p/7131157.html