陣列有哪些方法

2021-10-19 08:23:09 字數 4472 閱讀 4481

一、操作方法

1、增

(1):push()新增到陣列末尾任意或多個值

var getnumber=[1

,2,3

,4];

getnumber.

push(5

,6,7

);console.

log(getnumber)

;// 那麼列印出來的getnumber就是[1,2,3,4,5,6,7]

<

/script>

(2):unshift() 新增任意多個值在陣列的頭部

var getnumber=[1

,2,3

,4];

getnumber.

unshift(5

,6,7

);console.

log(getnumber)

;// 那麼列印出來的getnumber就是[5,6,7,1,2,3,4]

<

/script>

(3):concat() (陣列拼接)返回這個新構建的陣列

var getnumber1=[1

,2,3

,4];

var getnumber2=[10

,9,4

]var getnumber3=getnumber1.

concat

(getnumber2)

console.

log(getnumber3)

;// 那麼列印出來的新陣列getnumber3就是[1,2,3,4,10,9,4]

<

/script>

2、刪

(1):pop() 尾部(最後一位)刪除乙個值

var getnumber=[1

,2,3

,4];

getnumber.

pop();

console.

log(getnumber)

;// 那麼列印出來的陣列getnumber就是[1,2,3]

<

/script>

(2):shift() 頭部(第一位)刪除乙個值

var getnumber=[1

,2,3

,4];

getnumber.

shift()

; console.

log(getnumber)

;// 那麼列印出來的陣列getnumber就是[2,3,4]

<

/script>

(3):splice() 從第幾個下標上的值開始刪除,共刪除幾個

var getnumber=[1

,2,3

,4,5

,6,7

,8,9

];getnumber.

splice(2

,3);

console.

log(getnumber)

;// 那麼列印出來的陣列getnumber就是[1,2,6,7,8,9]

// splice(2,3); 2代表從下標為二的開始 3代表共刪除三個

//所以3,4,5被刪除

<

/script>

3、*改*
splice()除了刪除功能外還可以更改刪除位置的值

var getnumber=[1

,2,3

,4,5

,6,7

,8,9

];getnumber.

splice(2

,3,10

,11,12

,13);

console.

log(getnumber)

;// 那麼列印出來的陣列getnumber就是[1,2,10,6,7,8,9]

// splice(2,3,10); 2代表從下標為二的開始 3代表共刪除三個 所以3,4,5被刪除

//10表示在下標2的位置更改了乙個值為10,也可以更改多個用逗號隔開,他們會依次排序,會影響後邊值的下標

<

/script>

4、*查*
indexof() 在陣列或字串中查詢元素,找到就返回元素的下標,沒找到就返回-1

var getnumber=[1

,2,3

,2,5

,6,7

,8,9

];var res=getnumber.

indexof(2

);console.

log(res)

;// 那麼列印出來的res就是1

// 1是下標,對應的就是數字2,indexof找到第乙個相同值就返回,不會去找下乙個

// 如果indexof沒有找到相同值,就會返回-1

<

/script>

二、排序方法

reverse() 翻轉

var getnumber=[1

,2,3

,4];

getnumber.

reverse()

; console.

log(getnumber)

;// 那麼列印出來的陣列getnumber就是[4,3,2,1]

<

/script>

三、轉換方法

join() 把陣列拼接成字串()中放鏈結號(不會更改原陣列,需要乙個新的變數去接)

var getnumber=[1

,2,3

,4];

var res=getnumber.

join

('-');

console.

log(getnumber)

; console.

log(res)

;// 列印出來的陣列getnumber依舊是[1,2,3,4]

// 列印出來的res就變成了字串 1-2-3-4

<

/script>

四、迭代方法

some()

對陣列每一項都執行傳入的函式,如果有一項函式返回 true ,則這個方法返回 true

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

let someresult = numbers.every((item, index, array) => item > 2);

console.log(someresult) // true

every()

對陣列每一項都執行傳入的函式,如果對每一項函式都返回 true ,則這個方法返回 true

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

let everyresult = numbers.every((item, index, array) => item > 2);

console.log(everyresult) // false

foreach()

對陣列每一項都執行傳入的函式,沒有返回值

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

numbers.foreach((item, index, array) => );

filter()

對陣列每一項都執行傳入的函式,函式返回 true 的項會組成陣列之後返回

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

let filterresult = numbers.filter((item, index, array) => item > 2);

console.log(filterresult); // 3,4,5,4,3

map()

對陣列每一項都執行傳入的函式,返回由每次函式呼叫的結果構成的陣列

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

let mapresult = numbers.map((item, index, array) => item * 2);

console.log(mapresult) // 2,4,6,8,10,8,6,4,2

陣列的常用方法有哪些?

1 字串轉字串陣列 split 方法 字面意思split 分開,故split方法是把字串分割成字串陣列,也就是把字串的分割成乙個個的單個字串元素 例如 var str script console.log str.split s c r i p t 注 split 括號裡的雙引號一定要加 2 分隔符...

js 陣列有哪些常用方法

1 push 向陣列的末尾新增乙個或更多元素,並返回新的長度。2 pop 刪除並返回陣列的最後乙個元素 3 shift 刪除並返回陣列的第乙個元素 4 concat 連線兩個或更多的陣列,並返回結果。5 join 把陣列的所有元素鏈結成乙個字串。元素通過指定的分隔符進行分隔。6 reverse 陣列...

js陣列去重有哪些方法

將陣列var arr 1,1,true true true,true,15,15,false,false,undefined,undefined,null,null,nan,nan,nan 0,0,a a 中重複的值過濾掉 使用es6中的set是最簡單的去重方法 var arr 1,1,true t...