設(shè)計數(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);// 返回 [ , , ] 一個參數(shù)時是數(shù)組的長度length
清空數(shù)組
清空數(shù)組有兩種方法
- arr.length = 0;
- arr = [];
兩者區(qū)別：js 中數(shù)組是對象购笆，所以arr是一個指向數(shù)組值的鏈接蛾扇，arr.length = 0時，把數(shù)組所有值清除食听，執(zhí)行速度慢籍救；arr = []時把arr的鏈接指向一個新的空數(shù)組习绢，原數(shù)組值存在于內(nèi)存中如果未被其它變量引用時則被回收。
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同時也被清空了
轉(zhuǎn)換方法
arr.toString() 返回由數(shù)組中的每個值的字符串形式拼接(以逗號分隔)的字符串
arr.toLocaleString() 和toString作用相同蝙昙，不同之處在于對數(shù)組的每一項調(diào)用toString方法
arr.valueOf() 和toString類似闪萄，不過返回數(shù)組最適合的原始類型
arr.join() toString只能使用逗號分隔字符串，而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" 指定 - 分隔符
堆棧奇颠、隊列方法
push(item) 在數(shù)組末尾壓入數(shù)組項桃煎，可以是多項 ，返回修改后的數(shù)組長度
pop() 彈出并返回數(shù)組最后一項
shift() 彈出并返回數(shù)組第一項
unshift() 在數(shù)組前端壓入數(shù)組項并返回數(shù)組長度
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ù)組大刊，第一項變最后一項为迈，最后一項變第一項，依次類推
sort() 對數(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ù)打印出來的,可以看出是插入排序
1 100
100 2
1 2
100 3
2 3
*/
操作方法與位置方法 concat葫辐，slice, splice， indexOf 伴郁，lastIndexOf
arr.concat() 基于當(dāng)前數(shù)組的所有項創(chuàng)建一個新數(shù)組耿战，傳入的項被添加到數(shù)組末尾構(gòu)成新數(shù)組
arr.slice(start, end ) 基于當(dāng)前數(shù)組中的一項或多項創(chuàng)建新數(shù)組,start為開始位置，end為結(jié)束位置焊傅，end沒有的話默認(rèn)為到數(shù)組結(jié)束
arr.splice(start, num, arr1, arr2......) 從start位置開始刪除num項數(shù)組剂陡，然后在start位置插入arr1 ，arr2 ,,,,,,,,,狐胎。num為0時沒有刪除項鸭栖， arr1, arr2 ,,,,,可以沒有
arr.indexOf(value, start) 搜索value值在數(shù)組中的索引值 ,start為開始項默認(rèn)為0，未找到返回 -1
arr.lastIndexOf(value, start) 從數(shù)組的末尾開始查找(倒序查找)握巢，沒找到返回 -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ù)組中有多個時indexOf 和lastIndexOf返回不同
迭代方法 map, filter, every, some, forEach, reduce, reduceRight
arr.map() 對數(shù)組中的每一項運行給定的函數(shù)暴浦，返回每次調(diào)用的結(jié)果組成的數(shù)組溅话。
arr.filter() 對數(shù)組中的每一項運行給定的函數(shù)，返回由給定函數(shù)返回ture的項組成的新數(shù)組歌焦。
arr.every()對數(shù)組中的每一項運行給定的函數(shù)飞几，如果該函數(shù)對每一項都返回true則返回true
arr.some()對數(shù)組中的每一項運行給定的函數(shù)，如果該函數(shù)對任一項返回true則返回true
arr.forEach()對數(shù)組中的每一項運行給定的函數(shù)独撇，沒有返回值
以上5個方法傳入的函數(shù)有三個參數(shù) 分別是item屑墨、index窟社、arr，分別是當(dāng)前項绪钥，當(dāng)前項的索引，數(shù)組
arr.reduce()关炼，arr.reduceRight()
迭代所有項程腹，然后構(gòu)建一個最終返回值，只是迭代的順序不同儒拂，reduce從左到右寸潦，reduceRight從右到左。傳入的函數(shù)的參數(shù)有prev社痛、cur见转、index、arr蒜哀，分別是前一項迭代的結(jié)果斩箫，當(dāng)前項，當(dāng)前項的索引撵儿，數(shù)組arr
var arr = [1, 2, 3, 4, 5];
arr.map(function(item, index, arr){
return item * 2;
}); //數(shù)組的每項都乘2 乘客，返回 [2, 4, 6, 8, 10]
arr.filter(function(item, index, arr){
return item % 2 == 0;
}); // 返回偶數(shù)項 [2, 4]
arr.every(function(item, index, arr){
return item > 0;
}); // 數(shù)組所有項都大于0 ，返回 true
arr.some(function(item, index, arr){
return item < 2;
});// 數(shù)組里有小于2的項淀歇？ 返回true
arr.forEach(function( item, index, arr){
console.log(item, index, arr);
});// 沒有返回項
/*
forEach打印出來的
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;
});// 返回數(shù)組所有項相乘的結(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;
});// 返回數(shù)組所有項相乘的結(jié)果120
/*
打印結(jié)果
5 4
20 3
60 2
120 1
*/
