JS數(shù)組方法使用詳解

從數(shù)據(jù)說(shuō)起

數(shù)據(jù)是程序運(yùn)行過(guò)程中操作的值官套。比如店鋪的名稱(chēng)酒奶、超市里商品的價(jià)格和數(shù)量蚁孔、十字路口的紅綠燈等都可以理解為數(shù)據(jù)。

'慶豐包子鋪`
9.99
true
false

這些數(shù)據(jù)具有不同的特點(diǎn)惋嚎,比如字符串可以拼接杠氢,數(shù)值可以做運(yùn)算,布爾值可以做判斷等另伍。為了提升程序運(yùn)行的性能鼻百,針對(duì)不同特點(diǎn)的數(shù)據(jù),我們提出數(shù)據(jù)類(lèi)型的概念摆尝。我們把數(shù)據(jù)分為以下兩種類(lèi)型:

簡(jiǎn)單數(shù)據(jù):字符串温艇、數(shù)值、布爾结榄、undefined中贝、null囤捻、symbol
復(fù)雜數(shù)據(jù): 數(shù)組臼朗、對(duì)象、函數(shù)等

數(shù)組是什么

  • 數(shù)組也是一種數(shù)據(jù)類(lèi)型
  • 數(shù)組是一種由簡(jiǎn)單數(shù)據(jù)類(lèi)型組成復(fù)雜數(shù)據(jù)類(lèi)型蝎土。
  • 數(shù)組是由方括號(hào)包裹的多個(gè)值视哑。其中每個(gè)值稱(chēng)為數(shù)組元素

示例:數(shù)值數(shù)組

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

示例:字符串?dāng)?shù)組

var str = ['a','b','c','d','e']

創(chuàng)建數(shù)組的方法?

  • 直接量
  • 構(gòu)造函數(shù)法

數(shù)組的特點(diǎn)

  • 1誊涯、數(shù)組是有序排列的挡毅,且無(wú)類(lèi)型
  • 2、數(shù)組的元素暴构,既可以是基本數(shù)據(jù)類(lèi)型跪呈,也可以是引用數(shù)據(jù)類(lèi)型創(chuàng)建數(shù)組對(duì)象會(huì)在內(nèi)存中開(kāi)辟一整塊連續(xù)的空間
  • 3、數(shù)組可以存儲(chǔ)不同類(lèi)型的數(shù)據(jù)取逾,存儲(chǔ)空間不夠用時(shí)耗绿,它會(huì)自動(dòng)擴(kuò)容
  • 4、數(shù)組屬于引用類(lèi)型的變量砾隅,數(shù)組中的默認(rèn)存儲(chǔ)值是undefined误阻。可以訪問(wèn)數(shù)組中不存在的索引晴埂,會(huì)返回undefined

如何訪問(wèn)數(shù)組

  • 使用[ ]訪問(wèn)數(shù)組元素

如何遍歷數(shù)組

  • for循環(huán)
  • forEach() 方法:使用回調(diào)函數(shù)
  • map() 方法:使用回調(diào)函數(shù)
  • for..in 循環(huán):遍歷對(duì)象和數(shù)組
  • for…of 循環(huán):遍歷對(duì)象和數(shù)組

array.length

定義
length設(shè)置或返回?cái)?shù)組中元素的數(shù)量究反。

語(yǔ)法

array.length

返回值
返回?cái)?shù)組中元素的數(shù)量。

示例

 var arr = [1,2,3,4,5,6,7,8,9]
 console.log(arr.length) //返回值為9

Array.isArray()

定義

Array,isArray()方法用于檢測(cè)是否是數(shù)組

語(yǔ)法

Array.isArray(value)
  • value:要檢測(cè)的值

返回值

  • true: 如何是數(shù)組儒洛,返回true

  • false: 如果不是數(shù)組精耐,返回false

示例(原則:用最簡(jiǎn)單的例子呈現(xiàn)知識(shí)點(diǎn)原理)

var str = 'hello wolrd'
var arr = [1,2,3,]
console.log(Array.isArray(str)) // false
console.log(Array.isArray(arr) // true

array.push

定義
array.push向數(shù)組的末尾添加一個(gè)或多個(gè)元素,并返回新的長(zhǎng)度琅锻。

語(yǔ)法

array.push(item1, item2, ..., itemX)
//item: 添加元素

返回值
返回新的數(shù)組長(zhǎng)度

示例

 var arr = [1,2,3]
  arr.push(4)
  arr.push(4,5,6)
   console.log(arr) // 返回長(zhǎng)度為7卦停,返回[1,2,3,4,,4,5,6]

array.unshift()

定義
unshift方法將新元素添加到數(shù)組的開(kāi)頭唐含,并返回新的長(zhǎng)度。

語(yǔ)法

array.unshift(item1, item2, ..., itemX)
  • item1

返回值
返回新元素添加到數(shù)組開(kāi)頭之后的新長(zhǎng)度

示例

 var arr = [1,2,3,4,5]
  arr.unshift(8,9)
  console.log(arr) // 向舊數(shù)組前面添加新元素沫浆,所以返回的值為[8,9,1,2,3,4,5]

array.pop()

定義
array.pop()該方法用于刪除數(shù)組最后一個(gè)元素捷枯,并將被刪除的元素作為返回值返回

語(yǔ)法

array.pop()

返回值
返回被刪除的元素

示例

  var arr = [1,2,3]
   arr.pop()
   console.log(arr) //返回值為1,2

shift

定義
shift該用法用于刪除數(shù)組的第一個(gè)元素,并返回該元素专执。

語(yǔ)法

array.shift()

返回值
返回?cái)?shù)組原來(lái)的第一個(gè)元素的值(移除的元素)淮捆,可以是任何類(lèi)型(因?yàn)閿?shù)組元素可以是一個(gè)字符串,數(shù)字本股,數(shù)組攀痊,布爾,或者其他對(duì)象類(lèi)型)

示例

   var arr = [1,2,3,4,5,6,7,8];
    arr.shift();
    console.log(arr) //返回值為2,3,4,5,6,7,8

array.reverse()

定義
reverse()方法反轉(zhuǎn)數(shù)組中元素的順序

語(yǔ)法

array.reverse()

返回值

  • 無(wú)參數(shù)

示例

 var arr = [1,2,3]
 arr.reverse()
console.log(arr) // 將[1,2,3]反轉(zhuǎn)為[3,2,1]
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末拄显,一起剝皮案震驚了整個(gè)濱河市苟径,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌躬审,老刑警劉巖棘街,帶你破解...
    沈念sama閱讀 217,657評(píng)論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異承边,居然都是意外死亡遭殉,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,889評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門(mén)博助,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)险污,“玉大人,你說(shuō)我怎么就攤上這事富岳』着矗” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 164,057評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵窖式,是天一觀的道長(zhǎng)蚁飒。 經(jīng)常有香客問(wèn)我,道長(zhǎng)脖镀,這世上最難降的妖魔是什么飒箭? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,509評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮蜒灰,結(jié)果婚禮上弦蹂,老公的妹妹穿的比我還像新娘。我一直安慰自己强窖,他們只是感情好凸椿,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,562評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著翅溺,像睡著了一般脑漫。 火紅的嫁衣襯著肌膚如雪髓抑。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 51,443評(píng)論 1 302
  • 那天优幸,我揣著相機(jī)與錄音吨拍,去河邊找鬼。 笑死网杆,一個(gè)胖子當(dāng)著我的面吹牛羹饰,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播碳却,決...
    沈念sama閱讀 40,251評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼队秩,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了昼浦?” 一聲冷哼從身側(cè)響起馍资,我...
    開(kāi)封第一講書(shū)人閱讀 39,129評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎关噪,沒(méi)想到半個(gè)月后鸟蟹,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,561評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡色洞,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,779評(píng)論 3 335
  • 正文 我和宋清朗相戀三年戏锹,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了冠胯。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片火诸。...
    茶點(diǎn)故事閱讀 39,902評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖荠察,靈堂內(nèi)的尸體忽然破棺而出置蜀,到底是詐尸還是另有隱情,我是刑警寧澤悉盆,帶...
    沈念sama閱讀 35,621評(píng)論 5 345
  • 正文 年R本政府宣布盯荤,位于F島的核電站,受9級(jí)特大地震影響焕盟,放射性物質(zhì)發(fā)生泄漏秋秤。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,220評(píng)論 3 328
  • 文/蒙蒙 一脚翘、第九天 我趴在偏房一處隱蔽的房頂上張望灼卢。 院中可真熱鬧,春花似錦来农、人聲如沸鞋真。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,838評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)涩咖。三九已至海诲,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間檩互,已是汗流浹背特幔。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,971評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留闸昨,地道東北人敬辣。 一個(gè)月前我還...
    沈念sama閱讀 48,025評(píng)論 2 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像零院,于是被迫代替她去往敵國(guó)和親溉跃。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,843評(píng)論 2 354