js 陣列方法整理

2021-09-20 07:33:28 字數 3868 閱讀 4055

陣列物件可以儲存任何型別的資料,是乙個有序的集合

屬性:

arr.length 

// arr.length 陣列中資料的個數,可讀可寫

// [1] 清空陣列 arr.length = 0;

// [2] 擷取陣列 arr.length = 比陣列的實際個數少;

// [3] 稀疏陣列 arr.length = 比陣列中的實際個數多;

說明

用於把陣列轉成字串

返回值:字串

引數

arr.join([連線符])

無引數預設以逗號連線

let arr =

["張三"

,"李四"

,"王五"

]var a = arr.

join()

;// => "張三,李四,王五"

空字串引數 「」

let arr =

["張三"

,"李四"

,"王五"

]var a = arr.

join(""

);// => "張三李四王五"

非空字串引數

let arr =

["張三"

,"李四"

,"王五"

]var a = arr.

join

("#");

// => "張三#李四#王五"

說明

向陣列的最後一位新增一條或多條資料

改變原陣列

返回值:新陣列的長度

引數

要新增的資料,一條或多條;

如果是多條,每條之間用逗號隔開;

如:arr.puah('a', 'b', 'c')

示例

let arr =

["張三"

,"李四"

,"王五"

]var a = arr.

push

("趙六"

) console.

log(arr, a)

;// ["張三", "李四", "王五", "趙六"] 4

說明

向陣列的第一項新增一條或多條資料

會改變原陣列

引數、返回值 和 arr.push() 相同

示例

let arr =

["張三"

,"李四"

,"王五"

]var num = arr.

unshift

("小二"

) console.

log(arr, num)

;// ["小二", "張三", "李四", "王五"] 4

說明

刪除陣列的最後一項

會改變原陣列

無參返回值:被刪除的元素

示例

let arr =

["張三"

,"李四"

,"王五"

]var a = arr.

pop(

) console.

log(arr, a)

;// ["張三", "李四"] "王五"

說明

刪除陣列中的第一項

會改變原陣列

無參返回值:被刪除的元素

說明

用於連線乙個或多個陣列

不會改變原陣列

返回值:連線後的新陣列

引數無參

返回和自身相同的陣列,但不是自身,相當於把原陣列複製了乙份(複製陣列

陣列 、 某個值

let arr_1 =

["aaa"

,"bbb"

,"ccc"];

let arr_2 =

[100

,200

,300];

let arr = arr_1.

concat

(arr_2,

"張三"

,"李四");

console.

log(arr)

;// ["aaa", "bbb", "ccc", 100, 200, 300, "張三", "李四"]

說明

翻轉陣列

無參無返回值

會改變原陣列

示例

let arr =

["aaa"

,"bbb"

,"ccc"];

arr.

reverse()

; console.

log(arr)

;// ["ccc", "bbb", "aaa"]

說明

對陣列進行新增資料或刪除資料

會改變原陣列

返回值:陣列 (是由刪除的資料組成,如果沒有刪除資料,返回值是乙個空陣列)

引數

arr.splice([ 開始位置, 刪除個數, 新增項 ])無參

不會改變原陣列,返回值為空;

乙個引數(開始位置)

從指定位置開始,一直刪除到最後,返回值是被刪除的項組成的新陣列;

let arr =

["aaa"

,"bbb"

,"ccc"];

var a = arr.

splice(0

);console.

log(arr)

;//

console.

log(a)

;// ["aaa", "bbb", "ccc"]

兩個引數(開始位置,刪除個數)

從指定位置開始,向後刪除指定的個數;

三個引數(開始位置,刪除個數,新增項)

新增項的位置就是 『開始位置』 ,且新增項可以是0個,可以是多個,多條資料之間用逗號分隔;

返回值是被刪除的項組成的新陣列;

let arr =

["aaa"

,"bbb"

,"ccc"];

arr.

splice(2

,0,'張三'

,'李四'

) console.

log(arr)

;// ["aaa", "bbb", "張三", "李四", "ccc"]

說明

查詢某個資料是否在陣列中存在;

如果存在,返回資料在陣列中第一次出現的下標;

如果不存在,返回-1

js陣列方法整理

js陣列方法介紹 增加 push 在陣列原有的基礎上的末尾,新增元素 改變當前陣列,返回乙個新的陣列 var arr 90,5,21,80,83,1,8,17,22 arr.push 1 arr.push 1 a arr.push 1,2 console.log arr 90,5,21,80,83,...

JS陣列方法整理

array.push push 方法將乙個或多個元素新增到陣列的末尾,並返回該陣列的新長度 function arrpush arr,target var arry 1,4,2,0 console.log arrpush arry,8 array.concat concat 方法用於合併兩個或多個陣...

JS 陣列方法整理

組成 鍵值對構成的有序資料集合 屬性,值,方法 建立方法 建構函式 var arr new array 1,2 字面量 var arr 1,2 操作方法var demo 3 4 5 以下操作均以demo為例,方法之間不連續基本操作方法 demo 3 6 新增方法 delete demo 2 刪除方法...