數(shù)組操作方法整理

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]
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末土陪,一起剝皮案震驚了整個(gè)濱河市昼汗,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌鬼雀,老刑警劉巖顷窒,帶你破解...
    沈念sama閱讀 217,542評(píng)論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異源哩,居然都是意外死亡鞋吉,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,822評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門励烦,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)谓着,“玉大人,你說(shuō)我怎么就攤上這事坛掠∩廾” “怎么了治筒?”我有些...
    開(kāi)封第一講書人閱讀 163,912評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)舷蒲。 經(jīng)常有香客問(wèn)我耸袜,道長(zhǎng),這世上最難降的妖魔是什么牲平? 我笑而不...
    開(kāi)封第一講書人閱讀 58,449評(píng)論 1 293
  • 正文 為了忘掉前任堤框,我火速辦了婚禮,結(jié)果婚禮上纵柿,老公的妹妹穿的比我還像新娘蜈抓。我一直安慰自己,他們只是感情好昂儒,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,500評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布资昧。 她就那樣靜靜地躺著,像睡著了一般荆忍。 火紅的嫁衣襯著肌膚如雪格带。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書人閱讀 51,370評(píng)論 1 302
  • 那天刹枉,我揣著相機(jī)與錄音叽唱,去河邊找鬼。 笑死微宝,一個(gè)胖子當(dāng)著我的面吹牛棺亭,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播蟋软,決...
    沈念sama閱讀 40,193評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼镶摘,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了岳守?” 一聲冷哼從身側(cè)響起凄敢,我...
    開(kāi)封第一講書人閱讀 39,074評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎湿痢,沒(méi)想到半個(gè)月后涝缝,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,505評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡譬重,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,722評(píng)論 3 335
  • 正文 我和宋清朗相戀三年拒逮,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片臀规。...
    茶點(diǎn)故事閱讀 39,841評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡滩援,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出塔嬉,到底是詐尸還是另有隱情玩徊,我是刑警寧澤租悄,帶...
    沈念sama閱讀 35,569評(píng)論 5 345
  • 正文 年R本政府宣布,位于F島的核電站佣赖,受9級(jí)特大地震影響恰矩,放射性物質(zhì)發(fā)生泄漏记盒。R本人自食惡果不足惜憎蛤,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,168評(píng)論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望纪吮。 院中可真熱鬧俩檬,春花似錦、人聲如沸碾盟。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 31,783評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)冰肴。三九已至屈藐,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間熙尉,已是汗流浹背联逻。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 32,918評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留检痰,地道東北人包归。 一個(gè)月前我還...
    沈念sama閱讀 47,962評(píng)論 2 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像铅歼,于是被迫代替她去往敵國(guó)和親公壤。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,781評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容