1、添加元素
① arr.push() // 從后面添加元素惯裕,返回值為添加完后的數(shù)組的長(zhǎng)度
② arr.unshift() // 從前面添加元素, 返回值是添加完后的數(shù)組的長(zhǎng)度
2啄栓、刪除元素
① arr.pop() //從后面刪除元素,只能刪除一個(gè) 返回值是刪除的元素
② arr.shift() //從前面刪除元素,只能刪除一個(gè) 返回值是刪除的元素
③ arr.splice(i,n) //刪除從i(索引值)開(kāi)始之后的那個(gè)元素之后的n個(gè)個(gè)數(shù)撼泛,返回值是刪除的元素
3、ary.join()將數(shù)組拼接成字符串
var ary = ['2019','06','10']
var ary1 = ary.join("-")
console.log(ary1); //2019-06-10
4澡谭、arr.concat() 連接兩個(gè)數(shù)組 返回值為連接后的新數(shù)組
let arr = [1,2,3,4,5]
console.log(arr.concat([1,2])) // [1,2,3,4,5,1,2]
console.log(arr) // [1,2,3,4,5]
5愿题、將其他對(duì)象轉(zhuǎn)換為數(shù)組
① str.split() 將字符串轉(zhuǎn)化為數(shù)組
let str = '123456' ;
console.log(str.split('')) // ["1", "2", "3", "4", "5", "6"]
② Array.from() 將偽數(shù)組變成數(shù)組,就是只要有l(wèi)ength的就可以轉(zhuǎn)成數(shù)組,沒(méi)有l(wèi)ength潘酗,轉(zhuǎn)出來(lái)的就是空數(shù)組杆兵。 ---es6
let str = '12345' ;
console.log(Array.from(str)) // ["1", "2", "3", "4", "5"]
let obj = {0:'a',1:'b',length:2}仔夺;
console.log(Array.from(obj)) // ["a", "b"]
③ Array.of() 將一組值轉(zhuǎn)換成數(shù)組拧咳,類似于聲明數(shù)組。---es6
let str = '11' ;
console.log(Array.of(str)) // ['11']</pre>
相當(dāng)于聲明一個(gè)數(shù)組
new Array('11')
但是new Array()有缺點(diǎn)囚灼,就是參數(shù)問(wèn)題引起的重載
console.log(new Array(2)) //[empty × 2] 是個(gè)空數(shù)組
console.log(Array.of(2)) // [2]
6骆膝、arr.sort() 數(shù)組排序,默認(rèn)是按照最左邊的數(shù)字進(jìn)行排序灶体,不是按照數(shù)字大小排序的阅签,返回值是排好的數(shù)組
let arr = [2,10,6,1,4,22,3]
console.log(arr.sort()) // [1, 10, 2, 22, 3, 4, 6]
let arr1 = arr.sort((a, b) =>a - b)
console.log(arr1) // [1, 2, 3, 4, 6, 10, 22]
let arr2 = arr.sort((a, b) =>b-a)
console.log(arr2) // [22, 10, 6, 4, 3, 2, 1]
7、arr.reverse() 將數(shù)組反轉(zhuǎn),返回值是反轉(zhuǎn)后的數(shù)組
let arr = [1,2,3,4,5]
console.log(arr.reverse()) // [5,4,3,2,1]
console.log(arr) // [5,4,3,2,1]
8蝎抽、arr.slice(start,end) 切割數(shù)組政钟,切去索引值start到索引值end的數(shù)組,不包含end索引的值樟结,返回值是切出來(lái)的數(shù)組
let arr = [1,2,3,4,5]
console.log(arr.slice(1,3)) // [2,3]
console.log(arr) // [1,2,3,4,5]
9养交、遍歷數(shù)組
① arr.forEach(callback) 遍歷數(shù)組,無(wú)return
let arr = [1,2,3,4,5]
arr.forEach( (value,index,array)=>{
console.log(`value:${value} index:${index} array:${array}`)
})
let arr = [1,2,3,4,5]
var str = arr.forEach( (value,index,array)=>{
value = value * 2 瓢宦;
console.log(`value:${value} index:${index} array:${array}`)
})
console.log(str) // 打印結(jié)果undefined
② arr.map(callback) 映射數(shù)組(遍歷數(shù)組),有return 返回一個(gè)新數(shù)組
let arr = [1,2,3,4,5]
let str = arr.map( (value,index,array)=>{
value = value * 2 碎连;
console.log(`value:${value} index:${index} array:${array}`)
})
console.log(arr) // 打印結(jié)果[1, 2, 3, 4, 5]
共同點(diǎn):
value --當(dāng)前索引的值,index --索引驮履,array --原數(shù)組
兩者區(qū)別:
就是遍歷結(jié)果被賦值給一個(gè)新的變量鱼辙,一個(gè)是undefined,一個(gè)是新的數(shù)組玫镐,即上面寫的有無(wú)return
③ arr.keys() 遍歷數(shù)組的鍵名 ---es6
let arr = [1,2,3,4]
let arr2 = arr.keys() for (let key of arr2) {
console.log(key); // 0,1,2,3
}
④ arr.values() 遍歷數(shù)組鍵值 ---es6
let arr = [1,2,3,4]
let arr1 = arr.values() for (let val of arr1) {
console.log(val); // 1,2,3,4
}
⑤ arr.entries() 遍歷數(shù)組的鍵名和鍵值 ---es6
let arr = [1,2,3,4]
let arr1 = arr.entries() for (let e of arr1) {
console.log(e); // 1,2,3,4
}
10倒戏、根據(jù)條件判斷數(shù)組
① arr.filter(callback) 過(guò)濾數(shù)組,根據(jù)條件返回一個(gè)滿足條件的數(shù)組
let arr = [1,2,3,4,5]
let arr1 = arr.filter( (i, v) => i < 3)
console.log(arr1) // [1, 2]
② arr.every(callback) 依據(jù)判斷條件恐似,數(shù)組的元素是否全滿足杜跷,若滿足則返回ture
let arr = [1,2,3,4,5]
let arr1 = arr.every( (i, v) => i < 3)
console.log(arr1) // false
let arr2 = arr.every( (i, v) => i < 10)
console.log(arr2) // true
③ arr.some() 依據(jù)判斷條件,數(shù)組的元素是否有一個(gè)滿足矫夷,若有一個(gè)滿足則返回ture
let arr = [1,2,3,4,5]
let arr1 = arr.some( (i, v) => i < 3)
console.log(arr1) // true
let arr2 = arr.some( (i, v) => i > 10)
console.log(arr2) // false
11葛闷、查找數(shù)組中符合的值的索引或者值
① arr.indexOf() 查找某個(gè)元素的索引值,若有重復(fù)的口四,則返回第一個(gè)查到的索引值孵运,若不存在秦陋,則返回 -1
let arr = [1,2,3,4,5,2]
let arr1 = arr.indexOf(2)
console.log(arr1) // 1
let arr2 = arr.indexOf(9)
console.log(arr2) // -1</pre>
② arr.lastIndexOf() 和arr.indexOf()的功能一樣蔓彩,不同的是從后往前查找
let arr = [1,2,3,4,5,2]
let arr1 = arr.lastIndexOf(2)
console.log(arr1) // 5
let arr2 = arr.lastIndexOf(9)
console.log(arr2) // -1</pre>
③ arr.findIndex(callback) 找到第一個(gè)符合條件的數(shù)組成員的索引值
let arr = [1,2,3,4,5,2,4]
let arr1 = arr.findIndex((value, index, array) => value > 3)
console.log(arr1) // 3
④ arr.find(callback) 找到第一個(gè)符合條件的數(shù)組成員
let arr = [1,2,3,4,5,2,4]
let arr1 = arr.find((value, index, array) =>value > 2)
console.log(arr1) // 3
⑤ arr.includes() 判斷數(shù)中是否包含給定的值
let arr = [1,2,3,4,5]
let arr1 = arr.includes(2)
console.log(arr1) // ture
let arr2 = arr.includes(9)
console.log(arr2) // false
let arr3 = [1,2,3,NaN].includes(NaN)
console.log(arr3) // true</pre>
12、arr.copyWithin() 在當(dāng)前數(shù)組內(nèi)部,將制定位置的數(shù)組復(fù)制到其他位置赤嚼,會(huì)覆蓋原數(shù)組項(xiàng)旷赖,返回當(dāng)前數(shù)組
語(yǔ)法:arr.copyWithin(target, start[, end = this.length])
參數(shù):target,必須更卒,規(guī)定從數(shù)組何處開(kāi)始進(jìn)行替換
start等孵,可選,索引從該位置開(kāi)始讀取數(shù)組項(xiàng)蹂空,默認(rèn)為0.如果為負(fù)值俯萌,則從右往左讀
end,可選上枕,規(guī)定從何處結(jié)束拷貝數(shù)組元素咐熙,如果省略,則拷貝到數(shù)組結(jié)尾(不包含)
三個(gè)參數(shù)都可以是負(fù)數(shù)辨萍,數(shù)組第一個(gè)元素索引位置為0棋恼,那么-1就是倒數(shù)一個(gè)元素,以此類推锈玉。
let arr = ["螞蟻部落","[http://www.softwhy.com](http://www.softwhy.com/)",6,"2015","奮斗"];
let newArr=arr.copyWithin(0, 2);
console.log(newArr);
// [6爪飘,"2015","奮斗"拉背,"2015"师崎, "奮斗"]
// 從位置2出開(kāi)始拷貝直到結(jié)尾,然后從位置0處開(kāi)始進(jìn)行替換原數(shù)組內(nèi)容椅棺。
13抡诞、 arr.fill(target, start, end) 使用給定的值,填充一個(gè)數(shù)組,ps:填充完后會(huì)改變?cè)瓟?shù)組
參數(shù): target -- 待填充的元素
start -- 開(kāi)始填充的位置-索引
end -- 終止填充的位置-索引(不包括該位置)
let arr = [1, 2, 3, 4, 5, 6]
let arr3 = arr.fill(5, 2, 4)
console.log(arr3)
// [1, 2, 5, 5, 5, 6]