陣列的一些常用方法

2021-10-03 13:27:24 字數 3245 閱讀 5692

通過運用一些陣列的方法,能更有利方便的讓我們的陣列中的資料進行管理,那這些方法都是什麼,他們都用什麼作用呢?下面讓我來給大家詳解一下。

先給定乙個陣列

var arr = [「hello」,1,2,3,「world」];

下面就讓我們來通過陣列的一些常用方法來管理這些資料把!

1.push()

// 引數:任意個,任意值

// 返回值:陣列被增加之後的長度

// 功能:在陣列的尾部增加資料,增加的資料是push的引數

// 有沒有修改原陣列:會修改原陣列

var res = arr.

push

("a",3

,4,5

,"hahah");

console.

log(res)

;//10

2.unshift()

// 引數:任意個,任意值

// 返回值:陣列被增加之後的長度

// 功能:在陣列的頭部增加資料,增加的資料是unshift的引數

// 有沒有修改原陣列:會修改原陣列

var res = arr.

unshift

("a",3

,4,5

,"hahah");

console.

log(res)

;//10

3.pop()

// 引數:沒有

// 返回值:被刪除的資料

// 功能:刪除最後一位

// 有沒有修改原陣列:會修改原陣列

var res = arr.

pop();

console.

log(res)

;// world

4.shift()

// 引數:沒有

// 返回值:被刪除的資料

// 功能:刪除最後一位

// 有沒有修改原陣列:會修改原陣列

var res = arr.

pop();

console.

log(res)

;// world

5.splice()

// 返回值:被刪除的資料

// 有沒有修改原陣列:會修改原陣列

// 引數:乙個,表示索引

// 功能:從指定索引,刪除到結束

var res = arr.

splice(2

);console.

log(res)

;//[4,5,"world"]

// 返回值:被刪除的資料

// 有沒有修改原陣列:會修改原陣列

// 引數:兩個,第乙個表示索引,第二個表示個數

// 功能:從指定索引,刪除指定個數個

var res = arr.

splice(2

,2);

console.

log(res)

;//[4,5]

// 返回值:被刪除的資料

// 有沒有修改原陣列:會修改原陣列

// 引數:兩個,第乙個表示索引,第二個表示個數,從第三個引數開始向後,都是資料

// 功能:從指定索引,刪除指定個數個,填充第三個引數向後司所有的資料

var res = arr.

splice(2

,2,"zhangsan"

,"lisi"

,true

,"hahah"

,3.1415);

console.

log(res)

;//[4,5]

6.reverse()

// 返回值:翻轉後的陣列

// 有沒有修改原陣列:會修改原陣列

// 引數:沒有

// 功能: 翻轉陣列

var res = arr.

reverse()

; console.

log(res)

;// ["world", 5, 4, 3, "hello"]

7.join()

// 返回值:字元結構

// 有沒有修改原陣列:不會修改原陣列

// 引數:沒有

// 功能:轉成字元

var res = arr.

join()

; console.

log(res)

;//hello,3,4,5,world

8.slice();

// 返回值:新陣列

// 有沒有修改原陣列:不會修改原陣列

// 引數:乙個引數

// 功能:從指定索引開始擷取,返回成乙個新陣列

var res = arr.

slice(3

); console.

log(res)

;//[5, "world"]

// 返回值:新陣列

// 有沒有修改原陣列:不會修改原陣列

// 引數:兩個引數

// 功能:從指定索引開始擷取,擷取到指定位置的前乙個,返回成乙個新陣列

var res = arr.

slice(2

,4);

console.

log(res)

;//[4,5]

9.concat()

// 返回值:新陣列

// 有沒有修改原陣列:不會修改原陣列

// 引數:其中乙個陣列

// 功能:合併陣列

var arr1 =

["a"

,"b"];

var arr2 =[4

,5];

var res = arr1.

concat

(arr2)

; console.

log(res)

;//["a","b",4,5]

陣列的一些常用方法

foreach some filter let arr 10,20,30,40,50,60 let r arr.filter item console.log r 40,50,60 slice slice 接受一或兩個引數,即要返回項的起始和結束位置 乙個引數,slice 返回 從該引數指定位置開始...

陣列常用的一些方法

1 push 向陣列的末尾新增新內容 引數 要新增的項。傳遞多個用逗號隔開,任何資料型別都可以 返回值 新增後陣列的長度 是否改變原陣列 改變 let ary1 12,34,26 ary1.push 100 返回乙個新的長度 length 4 console.log ary1 結果為 12,34,2...

陣列方法的一些常用方法

js的陣列的方法有很多,先介紹幾個基本的方法 註解 1.2.引數中括號的內容 可選是可不寫的引數 有預設值 不含是返回值不包含該位置元素 3.結果 只在我函式中加了引數的情況下才有 否則為無。而且只是給出陣列變化結果,並不一定是方法的返回值 4.為了簡短起見,下文會使用js中的一些型別名稱的縮寫 a...