Js數(shù)組的常用方法 2021-11-16

1.concat()屬性

作用:用于合并或者多個(gè)數(shù)組

語(yǔ)法:

let arr1 = [1, 2, 3]? ?let arr2 = [4, 5, 6]? ? let arr3 = arr1.concat(arr2)? ?

console.log(arr3)? 生成 [1,2,3,4,5,6]

2.copyWithin()屬性

作用:從數(shù)組的指定位置拷貝元素到數(shù)組的另一個(gè)位置丢烘,第一個(gè)參數(shù)是目標(biāo)位置趣些,第二個(gè)參數(shù)是拷貝元素的起始位置,第三個(gè)參數(shù)是拷貝元素的結(jié)束位置妻怎,如果不設(shè)置第三個(gè)參數(shù),拷貝元素結(jié)束位置就是目標(biāo)位置的前一位

語(yǔ)法:

let arr4 = [11, 22, 33, 44, 55, 66, 77, 88];

arr4.copyWithin(2, 4, 7) 從第三個(gè)開始覆蓋掉,生成[11, 22, 55, 66, 77, 66, 77, 88] 取前不取后

arr4.copyWithin(2, 4) 從第2個(gè)開始覆蓋第4個(gè)往后搁痛,生成?[11, 22, 55, 66, 77, 88, 77, 88]

console.log(arr4);

3.fill()屬性

作用:使用一個(gè)固定值來(lái)填充數(shù)組

語(yǔ)法:

let arr5 = new Array(5);

arr5.fill(50);

console.log(arr5);? 生成[50,50,50,50,50]

4.includes? 屬性

作用:從數(shù)組中檢查指定的屬性是否存在长搀,存在返回true,否則返回flase

語(yǔ)法:

let arr6 = [11, 22, 33, 44, 55, 66, 77];

console.log(arr6.includes(88));? 數(shù)組中沒(méi)有88鸡典,返回false

console.log(arr6.includes(22));? 數(shù)組中有22源请,返回true

5.indexOf? 和 lastindexOf? 屬性

作用:indexOf從數(shù)組中檢查指定的數(shù)據(jù)的位置(從前往后找第一個(gè)),不存在返回-1彻况,lastindexOf是從后往前找

語(yǔ)法:

let arr6 = [11, 22, 33, 44, 55, 66, 77]谁尸;

console.log(arr6.indexOf(88));? ?沒(méi)有88,返回-1??

console.log(arr6.indexOf(11));? ?有11 纽甘,返回0? ?0是11在數(shù)組的索引位置

lastindexOf 同上

6.isArray()屬性

作用:檢查指定的對(duì)象是不是數(shù)組良蛮,是返回true 否則返回flase

語(yǔ)法:

let str = 'HelloWorld';? ? ?console.log(Array.isArray(str));? ?返回flase

7.join屬性

作用:用于將一個(gè)數(shù)組根據(jù)某個(gè)字符拼接成字符串,該方法不傳參數(shù)悍赢,默認(rèn)是以逗號(hào)拼接

語(yǔ)法:

let arr = [11, 22, 33, 44, 55, 66, 77]决瞳;

console.log(arr.join('你好')); 加你好生成? ?11你好22你好33你好44你好55你好66你好77

console.log(arr6.join('? ? '));加空格生成? ??11 22 33 44 55 66 77 以空格隔開

console.log(arr6.join()); 啥也不加是以逗號(hào)隔開生成??11,22,33,44,55,66,77

---------------------------------------------以下為核心方法-------------------------------------------

8.push屬性

作用:向數(shù)組的末尾添加一個(gè)或多個(gè)元素左权,并返回新的數(shù)組

語(yǔ)法:

?let arr = [1, 2, 3];

arr.push(4, 5); 添加多個(gè)元素用逗號(hào)隔開? 生成?[1, 2, 3,4,5]

9.pop 屬性

作用:刪除數(shù)組的最后一個(gè)元素并返回新的數(shù)組

語(yǔ)法:

let arr = [1, 2, 3];? ? ? ? ? ? ? ? ? ? ? ? ? ? ?

arr.pop() 括號(hào)不加任何屬性皮胡,

console.log(arr);? ? 生成[1, 2]

10.unshift() 屬性

作用:給數(shù)組的開頭添加一個(gè)或多個(gè)元素赏迟,并返回新的數(shù)組

語(yǔ)法:

let arr = [1, 2, 3];?

arr.unshift(0);

onsole.log(arr);? 生成[0,1, 2, 3]

11.shift 屬性

作用:刪除數(shù)組的第一個(gè)元素 并返回新的數(shù)組

語(yǔ)法:

let arr = [1, 2, 3];?

arr.shift();括號(hào)不加任何屬性

onsole.log(arr);? 生成[2, 3]

12.reverse 屬性

作用:翻轉(zhuǎn)數(shù)組順序

語(yǔ)法:

let arr = [1, 2, 3];?

arr.revesre()

console.log(arr);? 生成?[3,2,1]

13.slice 屬性

作用:截取數(shù)組的一部分锌杀,返回一個(gè)新數(shù)組甩栈,可以設(shè)置兩個(gè)參數(shù),第一個(gè)是起始位置谤职,第二個(gè)是結(jié)束位置(取不到結(jié)束位置)亿鲜,并且第二個(gè)參數(shù)可以省略,表示從起始位置到最后全部截取

語(yǔ)法:

let arr = [1, 2, 3, 4, 5, 6, 7, 8]

console.log(arr8.slice(2, 4));? ?生成[ 3, 4]

console.log(arr8.slice(2));? 生成[3, 4, 5, 6, 7, 8]

14.splice 屬性

作用:從數(shù)組中添加或者刪除元素冤吨,如何刪除,該方法需要傳兩個(gè)參數(shù):第一個(gè)是起始位置垒探,第二個(gè)是刪除長(zhǎng)度怠李,如果第二個(gè)參數(shù)不傳,就表示從起始位置往后全部刪除夷蚊,并返回的是刪除后的數(shù)組惕鼓,該方法也可以傳三個(gè)參數(shù)坯汤,第三個(gè)參數(shù)就是刪除部分插入的新內(nèi)容

語(yǔ)法:

let arr = [1, 2, 3, 4, 5, 6, 7, 8]

arr.splice(4,1)? 生成[1, 2, 3, 4, 6, 7, 8]? ?從5開始刪1個(gè)元素横缔,就是刪掉5

arr.splice(4)? ?生成[1, 2, 3, 4]? ?從5起始位置往后全部刪除

arr.splice(4, 3, '哈嘍')? 生成[1, 2, 3, 4, '哈嘍', 8]? ? 從5開始刪3個(gè)元素赁温,刪掉5,6,7微谓,并且在刪除部分生成'哈嘍'(就是刪除修改數(shù)組的內(nèi)容)

arr.splice(4, 0, '哈嘍')? 生成[1, 2, 3, 4, '哈嘍', 5, 6, 7, 8]? 從5開始输钩,刪除0個(gè),也就是誰(shuí)也不刪姻氨,并在5的前面加個(gè)‘哈嘍’

15.toString 屬性

作用:把數(shù)組轉(zhuǎn)換為字符串肴焊,并返回結(jié)果

語(yǔ)法:

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

console.log(arr.toString()) 生成1, 2, 3, 4, 5

16.split 屬性

作用:將字符串根據(jù)某個(gè)字符串打散成數(shù)組

語(yǔ)法:

let str = "我喜歡吃蘋果娶眷,喜歡吃桃子啸臀,喜歡吃香蕉"

console.log(str.split('喜歡')); 生成['我', '吃蘋果乘粒,', '吃桃子灯萍,', '吃香蕉']

console.log(s1.split('')); 如果只寫單引號(hào)? 生成['我', '喜', '歡', '吃', '蘋', '果', ',', '喜', '歡', '吃', '桃', '子', '齿风,', '喜', '歡', '吃', '香', '蕉']

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末童本,一起剝皮案震驚了整個(gè)濱河市系谐,隨后出現(xiàn)的幾起案子纪他,更是在濱河造成了極大的恐慌茶袒,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,273評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異锥腻,居然都是意外死亡母谎,警方通過(guò)查閱死者的電腦和手機(jī)奇唤,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,349評(píng)論 3 398
  • 文/潘曉璐 我一進(jìn)店門咬扇,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)懈贺,“玉大人隅居,你說(shuō)我怎么就攤上這事。” “怎么了涕蚤?”我有些...
    開封第一講書人閱讀 167,709評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵万栅,是天一觀的道長(zhǎng)烦粒。 經(jīng)常有香客問(wèn)我,道長(zhǎng)扰她,這世上最難降的妖魔是什么徒役? 我笑而不...
    開封第一講書人閱讀 59,520評(píng)論 1 296
  • 正文 為了忘掉前任忧勿,我火速辦了婚禮鸳吸,結(jié)果婚禮上晌砾,老公的妹妹穿的比我還像新娘。我一直安慰自己廉白,他們只是感情好猴蹂,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,515評(píng)論 6 397
  • 文/花漫 我一把揭開白布磅轻。 她就那樣靜靜地躺著聋溜,像睡著了一般叭爱。 火紅的嫁衣襯著肌膚如雪买雾。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,158評(píng)論 1 308
  • 那天注盈,我揣著相機(jī)與錄音老客,去河邊找鬼胧砰。 笑死冤荆,一個(gè)胖子當(dāng)著我的面吹牛钓简,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播撤蚊,決...
    沈念sama閱讀 40,755評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼光涂!你這毒婦竟也來(lái)了拧烦?” 一聲冷哼從身側(cè)響起恋博,我...
    開封第一講書人閱讀 39,660評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤债沮,失蹤者是張志新(化名)和其女友劉穎疫衩,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體命爬,經(jīng)...
    沈念sama閱讀 46,203評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,287評(píng)論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了幕庐。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片异剥。...
    茶點(diǎn)故事閱讀 40,427評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡冤寿,死狀恐怖督怜,靈堂內(nèi)的尸體忽然破棺而出号杠,到底是詐尸還是另有隱情,我是刑警寧澤屉凯,帶...
    沈念sama閱讀 36,122評(píng)論 5 349
  • 正文 年R本政府宣布,位于F島的核電站偷仿,受9級(jí)特大地震影響酝静,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜宗苍,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,801評(píng)論 3 333
  • 文/蒙蒙 一让歼、第九天 我趴在偏房一處隱蔽的房頂上張望丽啡。 院中可真熱鬧补箍,春花似錦、人聲如沸辈挂。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,272評(píng)論 0 23
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)挫酿。三九已至愕难,卻和暖如春猫缭,著一層夾襖步出監(jiān)牢的瞬間猜丹,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,393評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留蝌麸,地道東北人艾疟。 一個(gè)月前我還...
    沈念sama閱讀 48,808評(píng)論 3 376
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像戚长,于是被迫代替她去往敵國(guó)和親同廉。 傳聞我的和親對(duì)象是個(gè)殘疾皇子恤溶,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,440評(píng)論 2 359

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