js array 物件方法總結

2021-10-17 12:22:26 字數 3776 閱讀 6667

1.push() 後增

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

var a = [1,2,3]

var b = a.push(4)

console.log(a) // [1,2,3,4]

console.log(b) // 4

2.unshift() 前增

unshift 向陣列的開頭新增乙個或多個元素,並返回新的長度 頭部新增

var a = [2,3,4]

var b = a.unshift(0,1)

console.log(a) // [0,1,2,3,4]

console.log(b) // 5

3.pop() 後刪

pop 刪除並返回陣列的最後乙個元素 尾部刪除,返回被刪除的元素

var a = [1,2,3]

var b = a.pop()

console.log(a) // [1,2]

console.log(b) // 3

4.shift() 前刪

shift 刪除並返回陣列的第乙個元素 頭部刪除,返回被刪元素

var a = [1,2,3]

var b = a.shift()

console.log(a) // [2,3]

console.log(b) // 1

5. splice() 修改刪除

splice(index,length,增加的元素1,增加的元素2....,增加的元素n) 表示從index開始刪除length個元素,並從index開始新增元素1~n,放回被刪除的元素組成的陣列

對陣列進行刪除修改,返回被刪除的元素組成的陣列,改變原陣列

var a = [1,2,3,4,5,6]

var b= a.splice(1,3,8,[3,4,5])

console.log(a); //[ 1, 8, [ 3, 4, 5 ], 5, 6 ] 第二位從index開始刪除length個元素,與此同時增加元素

console.log(b);  //[2,3,4]  //刪除的元素

6.concat() 拼接

concat() 方法用來合併兩個或多個陣列

合併兩個或多個陣列,返回新陣列,不會改變原陣列

var a = [1,2,3]

var b = [4,5]

var c = a.concat(b)

console.log(a) // [1,2,3]

console.log(b) // [4,5]

console.log(c) // [1,2,3,4,5]

7.slice() 剪下

slice(startindex,endindex)  返回從startindex開始(包括),到endindex(不包括)之間的元素組成的陣列

返回新陣列,不改變原陣列

var a = [1,2,3]

var b = a.slice(0,2)

// 不填引數則表示剪下整個陣列

var c = a.slice()

console.log(a) // [1,2,3]

console.log(b) // [1,2] 從0開始到2不包括2  輸出下標0和1

console.log(c) // [1,2,3]

console.log(a===c) // false // 注意 a !== c

// 負數表示從後往前數

var d = a.slice(-1,-2)

console.log(d) // 從左向右擷取,所以說為

var e = a.slice(-1)

console.log(e) // [3]

8.join()  陣列轉化為字串

join() 方法用來將陣列轉換為字串

不改變原陣列,返回轉換後的字串

var a = [1,2,3,4,5]

console.log(a.join(',')) // 1,2,3,4,5

console.log(a) // [1,2,3,4,5]

​9.sort() 排序

按ascii碼排序 改變原陣列,返回排序後的陣列

var a = ['a','b','d','c']

console.log(a.sort()) // ['a','b','c','d']

console.log(a) // ['a','b','c','d']

10.reverse() 顛倒順序

reverse() 方法用於顛倒陣列中元素的順序。

返回的是顛倒後的陣列,會改變原陣列。

var a = [1,3,2,7,6]

console.log(a.reverse()) // [6,7,2,3,1]

console.log(a) // [6,7,2,3,1]

11.indexof()和lastindexof()

indexof(某元素,startindex) 從startindex開始,查詢某元素在陣列中的位置,若存在,則返回第乙個位置的下標,否則返回-1

lastindexof(某元素,startindex) 和indexof()相同,區別在於從尾部向首部查詢

不會改變原陣列,返回找到的index,否則返回-1

若不使用下標,則一般通過includes()方法代替indexof()

var a = [1,2,4,3,3,5,4]

console.log(a.indexof(4)) // 2

console.log(a.indexof(4,3)) // 6  第二個引數是查詢的起始位置

12.filter() 過濾  根據條件判斷

filter() 方法返回陣列中滿足條件的元素組成的新陣列,原陣列不變

filter()的引數是乙個方法

var a = [1,2,3,4,11]

// 第乙個引數為乙個方法,有三個引數,current:當前值 index:當前值下標 array:這個陣列物件

var b = a.filter(function(current,index,array));17.tosrting()

js中的所有物件都具有tostring方法,它把乙個變數隱式轉換為字串

var arr=["a","b","c","d"];

var string = arr.tostring()

console.log(string)   //a,b,c,d

18. slice():

從已有的陣列中返回指定的元素

var string = arr.slice(start,end)//start==>開始位置下標 end==>結束位置下標(不算)

var arr = [1,2,3,4,5,6,7,8,9,10]

var subarr = arr.slice(2,5)

console.log(subarr) [3,4,5]

19. reverse():  顛倒的陣列順序

var arr=[1,2,3,4,5,6,7,8,9]

var a = arr.reverse()  [9, 8, 7, 6, 5, 4, 3, 2, 1]

js Array物件的常用方法總結

一 檢測陣列 array.isarray 確定某個值是不是陣列 var arr 1,2,3 array.isarray arr true二 轉換方法 1.tostring 返回由陣列中每個值的字串形式拼接而成的乙個以逗號分隔的字串 2.valueof 返回陣列本身 var colors red bl...

第203天 js Array物件常用方法

1 shift 刪除原陣列的第一項,返回刪除元素的值 如果陣列為空則返回undefined 2 var arr 1,2,3,4,5 3 var out arr.shift 4 console.log arr 2,3,4,5 5 console.log out 1 6 var arr 7 var ou...

JS Array類小總結

array類 首先 陣列定義習慣上都用 下面分別使用 new array 與 驗證時間效率 如下,看看誰用的時間少 var a new date var arr,direct,b for var i 0 i 10000 i arr new array b.push new date a a new ...