Array物件方法

2021-08-01 15:47:52 字數 2577 閱讀 2768

原生js中array物件方法有很多,而且有些意思比較相近,容易及混淆,今天我們真多這些方法來簡單的談談......

concat()方法:

定義:

concat()方法用於連線兩個或多個陣列,改方法不會改變原有的陣列,僅僅會返回被鏈結陣列的乙個副本。

語法:

arrayobject.concat(arrayx,arrayx,......,arrayx)
引數:必需的,多個引數中間用逗號隔開

例項:

結果:

newarry=[2,3,5,a,b]
由上面的結果可以看出,concat()方法可以連線的陣列的可以是數字性的也可以是字串。

join()方法:

定義:

用於把陣列中的所有元素放入乙個字串

語法:

arrayobject.join(separator)
引數:可選。指定要使用的分隔符。如果省略該引數,則使用逗號作為分隔符。

返回值:

返回乙個字串。該字串是通過把 arrayobject 的每個元素轉換為字串,然後把這些字串連線起來,在兩個元素之間插入 

separator

字串而生成的。

例項:

輸出結果:tom,jerry,rose

pop()方法:

定義:

用於返回並返回陣列的最後乙個元素

語法:

arrobicet.join()
pop() 方法將刪除 arrayobject 的最後乙個元素,把陣列長度減 1,並且返回它刪除的元素的值。如果陣列已經為空,則 pop() 不改變陣列,並返回 undefined 值。

例項:

結果為:

rose,jerry,tom,undefined

push()方法:

定義:

向陣列的末尾新增乙個或多個元素,並返回新的長度。

語法:

arrayobject.push(newelement1,newelement2,....,newelementx)
引數1:必需,要新增到陣列的第乙個元素。

引數2:可選,要新增到陣列的第二個元素。

.......

引數n:可選。要新增到陣列的第n個元素。

返回值:

新增元素後新的陣列

例項:

輸出的結果:

reverse()方法:

定義:

用於顛倒陣列中元素的資料

語法:

arrayobject.reverse()
注:該方法會改變原來的陣列,但不會創造陣列

例項:

輸出的結果為:

原來的陣列為:tom,jerry,rose

改變後的陣列為:rose,jerry,tom

shif()方法:定義:用於把陣列的第乙個元素從其中刪除,並返回第乙個元素的值

語法:

arrayobject.shift()
注:如果陣列是空的,那麼 shift() 方法將不進行任何操作,返回 undefined 值。請注意,該方法不建立新陣列,而是直接修改原有的 arrayobject。

例項:

輸出的結果為:

原來的陣列為:tom,jerry,rose

刪除的元素為:tom

改變後的陣列為:rose,jerry

Array物件方法

isarray 判斷物件是否是陣列,返回布林值true false let fruits banana orange console.log fruits.isarray true與typeof的區別在於 typeof與陣列一起使用,返回的是object,所以要檢測乙個物件是否是陣列時,可以使用is...

Array物件的方法

1.concat 連線兩個或多個陣列,該方法不會改變現有的陣列,而是返回乙個陣列的副本。var arr 1,5,3 var newarr arr.concat 1,2 console.log arr 1,5,3 console.log newarr 1,5,3,1,2 var arr 1,5,3 v...

Array 物件的方法

function load concat 連線兩個或更多的陣列,並返回結果。1 4 4 join 把陣列的所有元素放入乙個字串。元素通過指定的分隔符進行分隔。1 3 4 pop 刪除並返回陣列的最後乙個元素 1 4 5.5 push 向陣列的末尾新增乙個或更多元素,並返回新的長度。1 4 5.5 r...