要想學(xué)好前端數(shù)組必須掌握最基本的知識(shí)

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 數(shù)組

數(shù)組是用于儲(chǔ)存多個(gè)相同類型數(shù)據(jù)的有序集合

數(shù)組的長度 可讀可寫

數(shù)組的遍歷方式

for (var i = 0; i < are.length; I++) {

console.log(arr[i]);

}

數(shù)組的方法

Array.join( );

參數(shù): 拼接符劣像,默認(rèn)逗號(hào)芳撒;

將數(shù)組中所有元素轉(zhuǎn)化為字符串并連接在一起,返回最后生成字符串痰哨。

String.split( );

參數(shù):分割符翎猛,默認(rèn)不分割

字符串轉(zhuǎn)數(shù)組嗓节。

Array.reverse( );

將數(shù)組中的元素倒序,改變?cè)瓟?shù)組帕膜。

Array.sort( );

元素排序 改變?cè)瓟?shù)組枣氧。

Array.concat( );

拼接 創(chuàng)建并返回一個(gè)新數(shù)組,不會(huì)改變新數(shù)組垮刹。

Array.slice( );

參數(shù):起始下標(biāo)达吞,結(jié)束下標(biāo)。不會(huì)改變?cè)瓟?shù)組荒典。

Array.splice( );

參數(shù): 一酪劫、起始下標(biāo) 二吞鸭、刪除個(gè)數(shù) 三、插入的元素契耿;



數(shù)組: 有序的集合

一瞒大、定義數(shù)組:

var arr = [1, 2, 3, 4]; // (4)[1, 2, 3, 4]

var arr2 = new Array(4); // (4)[empty × 4] // 長度

var arr3 = new Array(1, 2, 3, 4); // (4)[1, 2, 3, 4]

數(shù)組的長度 (可讀可寫)

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

console.log(arr.length); // 5;

// 修改原數(shù)組長度

arr.length = 3;

console.log(arr.length); // 3;

console.log(arr); // [1, 2, 3]

數(shù)組的遍歷方式

// 第一種遍歷的方式

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

? ? console.log(arr[i]);

}

// 第二種遍歷的方式 (會(huì)將數(shù)組定義的屬性枚舉出來)

for (var k in arr) {

? ? console.log(arr[k]);

}


1. 數(shù)組轉(zhuǎn)為字符串

Array.join()

// 參數(shù): 拼接符 默認(rèn)為逗號(hào)

將數(shù)組中所有元素都轉(zhuǎn)化為字符串并連接在一起,返回最后生成的字符串

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

console.log(arr.join()); // '1,2,3,4'

console.log(arr.join('-')); // '1-2-3-4'

2. 字符串轉(zhuǎn)數(shù)組

String.split()

參數(shù): 分隔符? 默認(rèn)不分割

var str = 'abc';

console.log(str.split()); // ['abc'];

console.log(str.split('')); // ['a', 'b', 'c'];

3. Array.reverse()

將數(shù)組中的元素倒序

改變?cè)瓟?shù)組

4. Array.sort();

元素排序

改變?cè)瓟?shù)組

5. Array.concat()

創(chuàng)建并返回一個(gè)新數(shù)組

不會(huì)改變?cè)瓟?shù)組

6. Array.toString()

? ? 該方法將其每個(gè)元素轉(zhuǎn)化為字符串

? ? 如有必要將調(diào)用元素的toString()方法

? ? 并且輸出用逗號(hào)分隔的字符串列表

? ? 與不使用任何參數(shù)調(diào)用join()方法返回的字符串是一樣的

截取方法:

1. Array.slice();

? ? 起始下標(biāo) <= 范圍 < 結(jié)束下標(biāo)

? ? 同字符串套路

? ? 不會(huì)改變?cè)瓟?shù)組

2. Array.splice();

? ? 第一個(gè)參數(shù): 起始下標(biāo)

? ? 第二個(gè)參數(shù): 刪除的個(gè)數(shù)

? ? 第三個(gè)參數(shù)..... : 需要插入的元素

數(shù)組的棧方法與隊(duì)列方法

1. Array.unshift()

? ? 從前面添加元素

? ? 返回?cái)?shù)組的長度

2. Array.shift()

? ? 刪除前面元素

? ? 返回刪除的元素

3. Array.push()

? ? 從末尾添加元素

? ? 返回長度

4. Array.pop()

? ? 刪除末尾元素

棧方法:后進(jìn)先出(汽車開進(jìn)死胡同)

? ? push() + pop()

隊(duì)列方法 (先進(jìn)先出)

? ? 在數(shù)組的末端添加項(xiàng)搪桂,從數(shù)組的前端刪除項(xiàng)

? ? push() + shift()

? ? 在數(shù)組的前端添加項(xiàng)透敌,從列表的末端刪除項(xiàng)

? ? unshift() + pop()


作者:L? H


來源:簡書

簡書著作權(quán)歸作者所有,任何形式的轉(zhuǎn)載都請(qǐng)聯(lián)系作者獲得授權(quán)并注明出處踢械。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末酗电,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子内列,更是在濱河造成了極大的恐慌撵术,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,627評(píng)論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件话瞧,死亡現(xiàn)場(chǎng)離奇詭異嫩与,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)交排,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,180評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門划滋,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人埃篓,你說我怎么就攤上這事处坪。” “怎么了架专?”我有些...
    開封第一講書人閱讀 169,346評(píng)論 0 362
  • 文/不壞的土叔 我叫張陵同窘,是天一觀的道長。 經(jīng)常有香客問我部脚,道長想邦,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 60,097評(píng)論 1 300
  • 正文 為了忘掉前任委刘,我火速辦了婚禮案狠,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘钱雷。我一直安慰自己,他們只是感情好吹零,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,100評(píng)論 6 398
  • 文/花漫 我一把揭開白布罩抗。 她就那樣靜靜地躺著,像睡著了一般灿椅。 火紅的嫁衣襯著肌膚如雪套蒂。 梳的紋絲不亂的頭發(fā)上钞支,一...
    開封第一講書人閱讀 52,696評(píng)論 1 312
  • 那天,我揣著相機(jī)與錄音操刀,去河邊找鬼烁挟。 笑死,一個(gè)胖子當(dāng)著我的面吹牛骨坑,可吹牛的內(nèi)容都是我干的撼嗓。 我是一名探鬼主播,決...
    沈念sama閱讀 41,165評(píng)論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼欢唾,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼且警!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起礁遣,我...
    開封第一講書人閱讀 40,108評(píng)論 0 277
  • 序言:老撾萬榮一對(duì)情侶失蹤斑芜,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后祟霍,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體杏头,經(jīng)...
    沈念sama閱讀 46,646評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,709評(píng)論 3 342
  • 正文 我和宋清朗相戀三年沸呐,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了醇王。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,861評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡垂谢,死狀恐怖厦画,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情滥朱,我是刑警寧澤根暑,帶...
    沈念sama閱讀 36,527評(píng)論 5 351
  • 正文 年R本政府宣布,位于F島的核電站徙邻,受9級(jí)特大地震影響排嫌,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜缰犁,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,196評(píng)論 3 336
  • 文/蒙蒙 一淳地、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧帅容,春花似錦颇象、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,698評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至麦乞,卻和暖如春蕴茴,著一層夾襖步出監(jiān)牢的瞬間劝评,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,804評(píng)論 1 274
  • 我被黑心中介騙來泰國打工倦淀, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留蒋畜,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 49,287評(píng)論 3 379
  • 正文 我出身青樓撞叽,卻偏偏與公主長得像姻成,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子能扒,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,860評(píng)論 2 361

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

  • 第一部分:快速入門JS學(xué)習(xí)中的一些注意點(diǎn):2018.8.16基礎(chǔ)知識(shí): 入門JavaScript是世界上最流行的腳...
    天山雪蓮_38324閱讀 544評(píng)論 0 1
  • Javascript有很多數(shù)組的方法佣渴,有的人有W3C的API,還可以去MDN上去找初斑,但是我覺得API上說的不全辛润,M...
    頑皮的雪狐七七閱讀 4,095評(píng)論 0 6
  • 轉(zhuǎn)載:在開發(fā)中砂竖,數(shù)組的使用場(chǎng)景非常多,平日中也涉及到很多數(shù)組的api/相關(guān)操作鹃答,一直也沒有對(duì)這塊內(nèi)容進(jìn)行一塊整理總...
    七色煙火閱讀 3,227評(píng)論 0 3
  • 第五章******************************************************...
    fastwe閱讀 687評(píng)論 0 0
  • 又到一年一度的除夕夜乎澄,年味越來越淡,晚上的春晚也是有一搭沒一搭的看测摔。前兩年除夕都在旅途上置济,對(duì)春晚本來也是沒什么熱情...
    瘋小妮閱讀 113評(píng)論 0 1