JS數(shù)組的常用10種方法詳解

數(shù)組在JavaScript中經(jīng)常使用,如何對數(shù)組進行增刪改非常重要境析,下面為數(shù)組的常用方法:

在數(shù)組末尾插入元素

arr.push(value)派诬,在數(shù)組的末尾添加一個或多個元素链沼,并返回數(shù)組的新長度。

例如:

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

var longth=arr.push(6,7);

console.log(arr, longth);

數(shù)組的arr的值變?yōu)閍rr[1,2,3,4,5,6,7];

length接收返回的是修改后數(shù)組的長度7;

刪除數(shù)組末尾的元素

arr.pop()刪除索引值最大的元素,并返回被刪除的元素括勺。

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

var delElement=arr.pop();

console.log(arr, delElement);

arr的值為[1,2,3,4] ,delElement的值為5

arr.pop()的與arr.length--的效果一樣,但arr.length--沒有返回值耀里;

在數(shù)組的頭部插入元素

  unshift(value);在數(shù)組的頭部添加一個或多個元素,并返回數(shù)組的新長度

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

var length= unshift(0);

console.log(arr,length);//arr的值為[0,1,2,3,4,5];length的值為更改后數(shù)組的長度6;

刪除數(shù)組的頭部元素

  shift();刪除索引為0的元素冯挎,并返回刪除的元素

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

var delElement= unshift();

console.log(arr, delElement);

  arr的值為[2,3,4,5];delElement的值為被刪除的元素1咙鞍;

數(shù)組和數(shù)組(或元素)的合并

  concat()合并數(shù)組或元素房官,返回新的數(shù)組,原數(shù)組不會改變

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

let newArr=arr.concat([6,7,8],9,10);

console.log(newArr,arr);

  newArr的值為[1,2,3,4,5,6,7,8,9,10];

  arr的值還是原來的[1,2,3,4,5];

  concat()還可以復(fù)制一個新數(shù)組;

  let copyArr=arr.concat();//copyArr的值和arr的相同

在數(shù)組中添加刪除或替換元素

  splice();在任意位置添加或刪除元素,返回刪除或被替換的值续滋,如果沒有被刪除或替換則返回空數(shù)組;

  splice()方法會修改原數(shù)組的值;

  只有一個值時,從當前位置刪除到數(shù)組末尾

let arr=[1,2,3,4,5]蜡峰;

let num1=arr.splice(1)

console.log(num1;arr)//num=[2,3,4,5];arr=[1];

有兩個值時朗恳,第一個值為刪除的位置湿颅,第二個值為刪除的個數(shù);

let arr=[1,2,3,4,5]粥诫;

let num1=arr.splice(2,3)//刪除從索引值2開始的3個元素

console.log(num1;arr);// num1=[3,4,5],arr=[1,2]

有三個或者多個值時,第一個值為插入元素的位置怀浆,第二個值為替換的個數(shù),后面的值都為插入的新元素执赡;

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

let num2=arr.splice(2,1,6,7,8);//從索引值2開始替換掉1個元素搀玖,并且插入6,7,8

//如果第二個值為0,則不替換灌诅,直接插入6,7,8;

console.log(num2;arr);//被替換的值num2=[3]; arr=[1,2,6,7,8,4,5]

截取復(fù)制數(shù)組指定位置的內(nèi)容

slice(開始位置,結(jié)束位置)即舌;第二個參數(shù)不寫默認到尾部,只能從前往后截取顽聂;返回的值為截取到的內(nèi)容形成的新數(shù)組;

let copyArr=arr.slice(); // slice()或者slice(0)都可以復(fù)制數(shù)組盯仪;

let arr=[1,2,3,4,5]紊搪;

let newArr=arr.slice(1,3);//截取索引1到索引3(不包括3)的值;

console.log(newArr,arr)全景;//newArr=[2,3];arr=[1,2,3,4,5];

  slice()方法不會更改到原數(shù)組的值

指定字符連接字符串

join();數(shù)組的每個元素以指定的字符連接形成新字符串返回;

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

let newArr=arr.join()//默認用逗號連接

console.log(newArr);//newArr=1,2,3,4,5;

//如果連接符為空字符串,則會無縫連接

console.log(arr.join(“”));//輸出為12345爸黄;

將數(shù)組進行排序

sort()將數(shù)組進行排序(升序),返回新數(shù)組,原數(shù)組也會改變;

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

let newArr=arr.sort();

console.log(newArr,arr)梆奈;//newArr=[1,2,3,4,5]; arr r=[1,2,3,4,5]

將數(shù)組進行倒序

reverse();可以將數(shù)組進行倒序亩钟,并返回新數(shù)組,原數(shù)組也會隨之改變;

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

let newArr=arr. reverse();

console.log(newArr,arr)清酥;//newArr=[5,4,3,2,1]; arr=[5,4,3,2,1];

綜上為數(shù)組的常用方法!

以上就是本文的全部內(nèi)容脆霎,希望對大家的學(xué)習(xí)有所幫助总处,也希望大家多多支持腳本之家睛蛛。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市荸频,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌旭从,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,430評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件和悦,死亡現(xiàn)場離奇詭異,居然都是意外死亡鸽素,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,406評論 3 398
  • 文/潘曉璐 我一進店門棒坏,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人坝冕,你說我怎么就攤上這事瓦呼∥箍撸” “怎么了吵血?”我有些...
    開封第一講書人閱讀 167,834評論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長蹋辅。 經(jīng)常有香客問我,道長侦另,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,543評論 1 296
  • 正文 為了忘掉前任弃锐,我火速辦了婚禮殿托,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘支竹。我一直安慰自己,他們只是感情好礼搁,可當我...
    茶點故事閱讀 68,547評論 6 397
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著馒吴,像睡著了一般瑟曲。 火紅的嫁衣襯著肌膚如雪豪治。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,196評論 1 308
  • 那天鬼吵,我揣著相機與錄音篮赢,去河邊找鬼齿椅。 笑死启泣,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的寥茫。 我是一名探鬼主播,決...
    沈念sama閱讀 40,776評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼芭梯,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了玖喘?” 一聲冷哼從身側(cè)響起蘑志,我...
    開封第一講書人閱讀 39,671評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎急但,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體波桩,經(jīng)...
    沈念sama閱讀 46,221評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,303評論 3 340
  • 正文 我和宋清朗相戀三年储玫,在試婚紗的時候發(fā)現(xiàn)自己被綠了匀油。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,444評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡敌蚜,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情蒲每,我是刑警寧澤,帶...
    沈念sama閱讀 36,134評論 5 350
  • 正文 年R本政府宣布邀杏,位于F島的核電站唬血,受9級特大地震影響望蜡,放射性物質(zhì)發(fā)生泄漏拷恨。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,810評論 3 333
  • 文/蒙蒙 一小泉、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧微姊,春花似錦、人聲如沸兢交。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,285評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽与倡。三九已至,卻和暖如春纺座,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背净响。 一陣腳步聲響...
    開封第一講書人閱讀 33,399評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留赞别,地道東北人。 一個月前我還...
    沈念sama閱讀 48,837評論 3 376
  • 正文 我出身青樓仿滔,卻偏偏與公主長得像,于是被迫代替她去往敵國和親崎页。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 45,455評論 2 359

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