數(shù)組中常用的方法

0. 前言

在開(kāi)發(fā)過(guò)程中會(huì)對(duì)數(shù)組進(jìn)行操作副砍,而方法很多修档,我在這里進(jìn)行一些總結(jié)赌髓。


學(xué)霸.jpg

1. 簡(jiǎn)介

數(shù)組可以存儲(chǔ)多個(gè)不同類(lèi)型的數(shù)據(jù)。

2. 數(shù)組中常用的方法

一冷冗、 push

push(item1,item2...)
功能:在數(shù)組的末位添加一個(gè)或者多個(gè)元素
參數(shù):要以添加的元素
返回值:添加數(shù)據(jù)后數(shù)組的長(zhǎng)度

var arr1 = [1,2,3,4,5];
var ret1 = arr1.push(9);
console.log(arr1);//輸出 [1, 2, 3, 4, 5, 9]
console.log(arr1.length);//輸出 6
console.log(ret1);//輸出 6

二守屉、 unshift

unshift(item1,item2......)
功能:在數(shù)組的頭添加一個(gè)或者多個(gè)元素
參數(shù):要以添加的元素
返回值:添加數(shù)據(jù)后數(shù)組的長(zhǎng)度

var arr2 = [1,2,3,4,5];
var ret2 = arr2.unshift(0);
console.log(arr2);//輸出 [0, 1, 2, 3, 4, 5]
console.log(arr2.length);//輸出 6
console.log(ret2);//輸出 6

三、 pop

pop()
功能:在數(shù)組的末尾刪除一個(gè)元素
參數(shù):無(wú)
返回值:被刪除的元素

var arr3 = [1,2,3,4,5];
var ret3 = arr3.pop();
console.log(arr3);//輸出 [1, 2, 3, 4]
console.log(arr3.length);//輸出 4
console.log(ret3);//輸出 5

四蒿辙、 shift

shift()
功能:在數(shù)組的頭刪除一個(gè)元素
參數(shù):無(wú)
返回值:被刪除的元素

var arr4 = [1,2,3,4,5];
var ret4 = arr4.shift();
console.log(arr4);//輸出 [2, 3, 4, 5]
console.log(arr4.length);//輸出 4
console.log(ret4);//輸出 1

五拇泛、 join

join(str)
功能:將數(shù)組的元素用參數(shù)字符串拼接成一個(gè)新的字符串
參數(shù):一個(gè)字符串
返回值:拼接的結(jié)果字符串

var arr5 = [1,2,3,4,5];
var ret5 = arr5.join("good");
console.log(arr5);//輸出 [1, 2, 3, 4, 5]
console.log(arr5.length);//輸出 5
console.log(ret5);//輸出 1good2good3good4good5
console.log(typeof ret5);//輸出 string

六、reverse

reverse()
功能:倒置數(shù)組
參數(shù):無(wú)
返回值:倒置以后的數(shù)組

var arr6 = [1,2,3,4,5];
var ret6 = arr6.reverse();
console.log(arr6);//輸出 [5, 4, 3, 2, 1]
console.log(arr6.length);//輸出 5
console.log(ret6);//輸出 [5, 4, 3, 2, 1]
console.log(typeof ret6);//輸出 object

七思灌、 slice

slice(starIndex,endIndex)
功能:在數(shù)組中從starIndex下標(biāo)一直截取到endIndex下標(biāo)之前
參數(shù):開(kāi)始與結(jié)束的下標(biāo)
返回值:截取的數(shù)據(jù)數(shù)組
注意:不包含endIndex下標(biāo)處的元素

var arr7 = [1,2,3,4,5,6,7,8,9,10];
var ret7 = arr7.slice(3,7);
console.log(ret7);//輸出 [4, 5, 6, 7]

八俺叭、 splice

splice(下標(biāo),個(gè)數(shù)泰偿,item1绪颖,item2...)
功能:是在數(shù)組的中間添加或者刪除一些元素
必選參數(shù):下標(biāo)、個(gè)數(shù)
可選參數(shù):item1甜奄,item2...
添加方法的返回值:[ ] 空數(shù)組
添加:個(gè)數(shù)為0,從下標(biāo)處開(kāi)始添加可選參數(shù)中的元素
注意:如果下標(biāo)大于了原數(shù)組的最大下標(biāo)窃款,都是在數(shù)組最后添加元素

var arr9 = [1,2,3,4,5];
var ret9 = arr9.splice(2,0,8,9);
console.log(arr9);//輸出 [1,2,8,9,3,4,5]
console.log(ret9);//輸出 [ ]
console.log(ret9.length);//輸出 0
console.log(arr9.length);//輸出 7

刪除:不需要可選參數(shù)课兄,從下標(biāo)開(kāi)始刪除對(duì)應(yīng)個(gè)數(shù)個(gè)元素
刪除方法的返回值:刪除的元素?cái)?shù)組

var arr10 = [1,2,3,4,5,6,7,8,9,10];
var ret10 = arr10.splice(2,6)
console.log(arr10);//輸出 [1, 2, 9, 10]
console.log(ret10);//輸出 [3, 4, 5, 6, 7, 8]
console.log(ret10.length);// 6

九、 concat

concat(arr1晨继,arr2...)
功能:將多個(gè)數(shù)組拼接成一個(gè)數(shù)組
參數(shù):一個(gè)或者多個(gè)數(shù)組
返回值:拼接之后新的數(shù)組烟阐,新的數(shù)組元素是所有數(shù)組的元素

ar arr8 = [1,2,3];
var num8 = [4,5,6];
var str8 = [7,8,9];
var ret8 = num8.concat(arr8,str8);
console.log(ret8);//輸出 [4, 5, 6, 1, 2, 3, 7, 8, 9]
console.log(arr8);//輸出 [1, 2, 3]
console.log(num8);//輸出 [4, 5, 6]
console.log(str8);//輸出 [7, 8, 9]
console.log(ret8[1],[1]);//輸出 5

十、 indexOf

indexOf(item)
功能:從數(shù)組的左側(cè)開(kāi)始查找對(duì)應(yīng)第一次出現(xiàn)的參數(shù)元素的下標(biāo)
參數(shù):元素值
返回值:如果找到了對(duì)應(yīng)的元素則返回該元素的下標(biāo)值,否則返回-1

var arr11 = [1,2,3,3,4,5,3,6,7,8];
var ret11 = arr11.indexOf(9);
console.log(arr11);//輸出 [1,2,3,3,4,5,3,6,7,8]
console.log(ret11);//輸出 -1

十一蜒茄、lastIndexOf

lastIndexOf(item)
功能:從數(shù)組的右側(cè)開(kāi)始查找對(duì)應(yīng)第一次出現(xiàn)的參數(shù)元素的下標(biāo)
參數(shù):元素值
返回值:如果找到了對(duì)應(yīng)的元素則返回該元素的下標(biāo)值唉擂,否則返回-1

var arr12 = [1,2,3,3,4,5,3,6,7,8];
var ret12 = arr12.lastIndexOf(3);
console.log(arr12);//輸出 [1,2,3,3,4,5,3,6,7,8]
console.log(ret12);//輸出 6

3. 結(jié)束語(yǔ)

曾經(jīng)有一份真誠(chéng)的代碼放在我面前,我沒(méi)有珍惜檀葛,等我失去的時(shí)候我才后悔莫及玩祟,人世間最痛苦的事莫過(guò)于此。我要為森哥的真誠(chéng)轉(zhuǎn)載屿聋,發(fā)盆友圈空扎,點(diǎn)贊,打賞H蠹ァW狻!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末楚殿,一起剝皮案震驚了整個(gè)濱河市撮慨,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌脆粥,老刑警劉巖砌溺,帶你破解...
    沈念sama閱讀 212,884評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異冠绢,居然都是意外死亡抚吠,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,755評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門(mén)弟胀,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)楷力,“玉大人,你說(shuō)我怎么就攤上這事孵户∠舫” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 158,369評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵夏哭,是天一觀的道長(zhǎng)检柬。 經(jīng)常有香客問(wèn)我,道長(zhǎng)竖配,這世上最難降的妖魔是什么何址? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,799評(píng)論 1 285
  • 正文 為了忘掉前任,我火速辦了婚禮进胯,結(jié)果婚禮上用爪,老公的妹妹穿的比我還像新娘。我一直安慰自己胁镐,他們只是感情好偎血,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,910評(píng)論 6 386
  • 文/花漫 我一把揭開(kāi)白布诸衔。 她就那樣靜靜地躺著,像睡著了一般颇玷。 火紅的嫁衣襯著肌膚如雪笨农。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 50,096評(píng)論 1 291
  • 那天帖渠,我揣著相機(jī)與錄音谒亦,去河邊找鬼。 笑死阿弃,一個(gè)胖子當(dāng)著我的面吹牛诊霹,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播渣淳,決...
    沈念sama閱讀 39,159評(píng)論 3 411
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼脾还,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了入愧?” 一聲冷哼從身側(cè)響起鄙漏,我...
    開(kāi)封第一講書(shū)人閱讀 37,917評(píng)論 0 268
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎棺蛛,沒(méi)想到半個(gè)月后怔蚌,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,360評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡旁赊,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,673評(píng)論 2 327
  • 正文 我和宋清朗相戀三年桦踊,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片终畅。...
    茶點(diǎn)故事閱讀 38,814評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡籍胯,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出离福,到底是詐尸還是另有隱情杖狼,我是刑警寧澤,帶...
    沈念sama閱讀 34,509評(píng)論 4 334
  • 正文 年R本政府宣布妖爷,位于F島的核電站蝶涩,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏絮识。R本人自食惡果不足惜绿聘,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,156評(píng)論 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望次舌。 院中可真熱鬧熄攘,春花似錦、人聲如沸垃它。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,882評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)国拇。三九已至洛史,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間酱吝,已是汗流浹背也殖。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,123評(píng)論 1 267
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留务热,地道東北人忆嗜。 一個(gè)月前我還...
    沈念sama閱讀 46,641評(píng)論 2 362
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像崎岂,于是被迫代替她去往敵國(guó)和親捆毫。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,728評(píng)論 2 351

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

  • 0.前言 ??最近看到有關(guān)數(shù)組方面的知識(shí)冲甘,我也真是醉了绩卤,特在此做一些總結(jié),就當(dāng)一個(gè)筆記江醇,希望在往后的日子里濒憋,遇到相...
    紫荊峰閱讀 329評(píng)論 0 0
  • 數(shù)組的方法 首先我們先打印一下Array.prototype看一下數(shù)組都有哪些方法 concat1.定義和用法:c...
    黃鶴你不是人閱讀 403評(píng)論 0 0
  • 內(nèi)置對(duì)象 內(nèi)置對(duì)象是JS語(yǔ)言自帶對(duì)象,提供了一些基本的功能陶夜,供開(kāi)發(fā)者來(lái)使用凛驮。瀏覽器上跑的內(nèi)置對(duì)象Math,Stri...
    Victor細(xì)節(jié)閱讀 317評(píng)論 0 0
  • 認(rèn)識(shí)數(shù)組 所謂數(shù)組条辟,就是相同數(shù)據(jù)類(lèi)型的元素按一定順序排列的集合黔夭,就是把有限個(gè)類(lèi)型相同的變量用一個(gè)名字命名,然后用編...
    范小飯_閱讀 444評(píng)論 0 6
  • 時(shí)間 空間 一首歌 一只筆 開(kāi)始 肆意的狂舞
    々遠(yuǎn)晝閱讀 103評(píng)論 0 0