數(shù)組：有序的值的集合

字面量的形式

var? arr = [1,2,3]

console.log(arr[0]);//0稱為索引或下標

console.log(arr.length);//數(shù)組中元素的個數(shù)

var arr1=[];

?arr1[0]=10;

構(gòu)造函數(shù)

1.vararr1 =new Array（）

2.vararr1 =newArray（10）//長度為10

3.vararr1 =newArray（1奕纫，2,3,4）//兩個及以上的數(shù)字為內(nèi)容

數(shù)組的常用方法（依賴于數(shù)組使用）

獲取方法：對象.方法( )

2vararr =newArray(1,2,3,4,5,6,7,8,9); 3//push()返回數(shù)組中元素的個數(shù)俊戳，向數(shù)組尾部中增加元素，有多少加多少蟹但，原數(shù)組發(fā)生改變砂竖。 4varlength=arr.push(10) 5console.log(arr)//[1,2,3,4,5,6,7,8,9,10] 6console.log(length)//10 7 8 9//pop()從數(shù)組的尾部刪除一個元素，返回這個刪除的元素，不接收參數(shù)10 arr.pop()11console.log(arr)//[1,2,3,4,5,6,7,8,9]12arr.unshift(0)//返回數(shù)組中元素的個數(shù)向數(shù)組的頭部增加元素图甜，括號中有多少就加多少，原數(shù)組發(fā)生改變13arr.shift()//從數(shù)組的頭部刪除一個元素鳖眼，返回這個刪除的元素黑毅，不接收參數(shù)14arr.slice(4)//從下標為4的開始截取，直至數(shù)組結(jié)束15arr.slice(0,2)//從下標0開始截取钦讳，到下標2結(jié)束矿瘦，不包含下標2的數(shù)，此方法原數(shù)組不變16arr.splice(4)//一個參數(shù)愿卒，從下標4對應(yīng)的位置開始缚去，直到數(shù)組結(jié)束17arr.splice(0,1)//兩個參數(shù)從下標為0開始，第二個參數(shù)截取長度18arr.aplice(1,2,1,1,1)//三個及三個以上的參數(shù)琼开，從截取的起始位置開始添加第三個及以后的所有參數(shù)易结，此方法原數(shù)組改變19arr.reverse()//數(shù)組翻轉(zhuǎn)，該方法會改變原來的數(shù)組，而不會創(chuàng)建新的數(shù)組20arr.sort()//無參數(shù)默認從小到大排序搞动，判斷方式：按位判斷21arr.sort(function(a,b){//從大到小排序22returnb-a;23 })24vararr1=[11,12]25vararr3=arr1.concat(arr,33,44)//將arr1,arr,33,44拼接為一個新的數(shù)組躏精，用arr3接收26arr.join('-')//將數(shù)組轉(zhuǎn)化為為字符串，以括號內(nèi)的拼接27<script>

? ? var arr =new Array(1,2,3,4,5,6,7,8,9);

//push()返回數(shù)組中元素的個數(shù)滋尉，向數(shù)組尾部中增加元素玉控，有多少加多少，原數(shù)組發(fā)生改變狮惜。

? ? var length=arr.push(10)

? ? console.log(arr)//[1,2,3,4,5,6,7,8,9,10]

? ? console.log(length)//10

//pop()從數(shù)組的尾部刪除一個元素高诺，返回這個刪除的元素，不接收參數(shù)

? ? ? arr.pop()

? ? ? console.log(arr)//[1,2,3,4,5,6,7,8,9]

? ? ? arr.unshift(0)//返回數(shù)組中元素的個數(shù)向數(shù)組的頭部增加元素碾篡，括號中有多少就加多少虱而，原數(shù)組發(fā)生改變

? ? ? arr.shift()//從數(shù)組的頭部刪除一個元素，返回這個刪除的元素开泽，不接收參數(shù)

? ? ? arr.slice(4)//從下標為4的開始截取牡拇，直至數(shù)組結(jié)束

? ? ? arr.slice(0,2)//從下標0開始截取，到下標2結(jié)束穆律，不包含下標2的數(shù)惠呼，此方法原數(shù)組不變

? ? ? arr.splice(4)//一個參數(shù)，從下標4對應(yīng)的位置開始峦耘，直到數(shù)組結(jié)束

? ? ? arr.splice(0,1)//兩個參數(shù)從下標為0開始剔蹋，第二個參數(shù)截取長度

? ? ? arr.aplice(1,2,1,1,1)//三個及三個以上的參數(shù)，從截取的起始位置開始添加第三個及以后的所有參數(shù)辅髓，此方法原數(shù)組改變

? ? ? arr.reverse()//數(shù)組翻轉(zhuǎn)泣崩，該方法會改變原來的數(shù)組，而不會創(chuàng)建新的數(shù)組

? ? ? arr.sort()//無參數(shù)默認從小到大排序洛口，判斷方式：按位判斷

? ? ? arr.sort(function(a,b){//從大到小排序

? ? ? ? ? ? ? ? return b-a;

? ? ? ? ? })

? ? ? ? var arr1=[11,12]

? ? ? ? var arr3=arr1.concat(arr,33,44)//將arr1,arr,33,44拼接為一個新的數(shù)組矫付，用arr3接收

? ? ? ? arr.join('-')//將數(shù)組轉(zhuǎn)化為為字符串，以括號內(nèi)的拼接

</script>

數(shù)組的遍歷方法

for循環(huán)

//使用變量緩存臨時數(shù)組

for(i=0;i<arr.length;i++)

{

//執(zhí)行代碼塊

console.log(i)

}

　forEach循環(huán)

//遍歷數(shù)組中的每一項第焰，沒有返回值买优，對原數(shù)組沒有影響，不支持IE

arr.forEach((item,index,array)=>{

????//執(zhí)行代碼

item+=1;

})

//數(shù)組中有幾項挺举，那么傳遞進去的匿名回調(diào)函數(shù)就需要執(zhí)行幾次而叼；

?map循環(huán)

//map的回調(diào)函數(shù)中支持return返回值

//arr.map(function(value,index,array){

　　//執(zhí)行代碼

　//　return xxx

//})

forof遍歷

//可以正確響應(yīng)break、continue和return

for?(var?value of myArray) {

console.log(value);

}

filter遍歷

//不會改變原始數(shù)組豹悬，返回新數(shù)組

var?arr = [

??{ id: 1, text:?'aa', done:?true?},

??{ id: 2, text:?'bb', done:?false?}

]

console.log(arr.filter(item => item.done))

arr.filter(function?(item) {

??return?item.done;

});

var?arr = [73,84,56, 22,100]

var?newArr = arr.filter(item => item>80)?//得到新數(shù)組 [84, 100]

console.log(newArr,arr)

every遍歷

//every()是對數(shù)組中的每一項運行給定函數(shù)，如果該函數(shù)對每一項返回true,則返回true液荸。

var?arr = [ 1, 2, 3, 4, 5, 6 ];

console.log( arr.every(?function( item, index, array ){

????????return?item > 3;

????}));

false

some遍歷

//some()是對數(shù)組中每一項運行指定函數(shù)瞻佛，如果該函數(shù)對任一項返回true，則返回true。

var?arr = [ 1, 2, 3, 4, 5, 6 ];

????console.log( arr.some(?function( item, index, array ){

????????return?item > 3;

????}));

true

reduce

//reduce() 方法接收一個函數(shù)作為累加器（accumulator）伤柄，數(shù)組中的每個值（從左到右）開始縮減绊困，最終為一個值

var?total = [0,1,2,3,4].reduce((a, b)=>a + b);?//10

//reduce接受一個函數(shù)，函數(shù)有四個參數(shù)适刀，分別是：上一次的值秤朗，當前值，當前值的索引笔喉，數(shù)組

[0, 1, 2, 3, 4].reduce(function(previousValue, currentValue, index, array){

?return?previousValue + currentValue;

});

//reduce還有第二個參數(shù)取视，我們可以把這個參數(shù)作為第一次調(diào)用callback時的第一個參數(shù)，上面這個例子因為沒有第二個參數(shù)常挚，所以直接從數(shù)組的第二項開始作谭，<br>//如果我們給了第二個參數(shù)為5，那么結(jié)果就是這樣的

[0, 1, 2, 3, 4].reduce(function(previousValue, currentValue, index, array){

?return?previousValue + currentValue;

},5);

//第一次調(diào)用的previousValue的值就用傳入的第二個參數(shù)代替奄毡，

reduceRight

//reduceRight()方法的功能和reduce()功能是一樣的折欠，不同的是reduceRight()從數(shù)組的末尾向前將數(shù)組中的數(shù)組項做累加。

//reduceRight()首次調(diào)用回調(diào)函數(shù)callbackfn時吼过，prevValue 和 curValue 可以是兩個值之一锐秦。

//如果調(diào)用 reduceRight() 時提供了 initialValue 參數(shù)，則 prevValue 等于 initialValue盗忱，curValue 等于數(shù)組中的最后一個值

//如果沒有提供 initialValue 參數(shù)酱床，則 prevValue 等于數(shù)組最后一個值， curValue 等于數(shù)組中倒數(shù)第二個值售淡。

var?arr = [0,1,2,3,4];

arr.reduceRight(function?(preValue,curValue,index,array) {

????return?preValue + curValue;

});?// 10

//回調(diào)將會被調(diào)用四次斤葱，每次調(diào)用的參數(shù)及返回值如下

//如果提供一個初始值initialValue為5:

var?arr = [0,1,2,3,4];

arr.reduceRight(function?(preValue,curValue,index,array) {

????return?preValue + curValue;

}, 5);?// 15

//回調(diào)將會被調(diào)用五次，每次調(diào)用的參數(shù)及返回的值如下：

find()

//find()方法返回數(shù)組中符合測試函數(shù)條件的第一個元素揖闸。否則返回undefined

var?stu = [

????{

????????name:?'張三',

????????gender:?'男',

????????age: 20

????},

????{

????????name:?'王小毛',

????????gender:?'男',

????????age: 20

????},

????{

????????name:?'李四',

????????gender:?'男',

????????age: 20

????}

]

function?getStu(element){

???return?element.name ==?'李四'

}

stu.find(getStu)

//返回結(jié)果為

//{name: "李四", gender: "男", age: 20}

findIndex

//對于數(shù)組中的每個元素揍堕，findIndex 方法都會調(diào)用一次回調(diào)函數(shù)（采用升序索引順序），直到有元素返回 true汤纸。

//只要有一個元素返回 true衩茸，findIndex 立即返回該返回 true 的元素的索引值

//如果數(shù)組中沒有任何元素返回 true，則 findIndex 返回 -1贮泞。

//findIndex 不會改變數(shù)組對象楞慈。

[1,2,3].findIndex(function(x) { x == 2; });

// Returns an index value of 1.

[1,2,3].findIndex(x => x == 4);

// Returns an index value of -1.

keys，values啃擦，entries

//ES6 提供三個新的方法 —— entries()囊蓝，keys()和values() —— 用于遍歷數(shù)組。

//它們都返回一個遍歷器對象令蛉，可以用for...of循環(huán)進行遍歷聚霜，唯一的區(qū)別是keys()是對鍵名的遍歷狡恬、values()是對鍵值的遍歷，entries()是對鍵值對的遍歷

for?(let?index of ['a',?'b'].keys()) {

console.log(index);

}

// 0

// 1

for?(let?elem of ['a',?'b'].values()) {

console.log(elem);

}

// 'a'

// 'b'

for?(let?[index, elem] of ['a',?'b'].entries()) {

console.log(index, elem);

}

// 0 "a"

// 1 "b"