js中比較常見的陣列方法

2021-10-14 03:55:39 字數 2516 閱讀 6006

let arr =[2

,4,6

,1]// join // 陣列轉字串

console.

log(arr.

join()

);// 2,4,6,1

// reverse 陣列顛倒順序

console.

log(arr.

reverse()

);// [1, 6, 4, 2]

// shift 刪除陣列第乙個 返回刪除元素的值

console.

log(arr.

shift()

);// 1

console.

log(arr)

// [6, 4, 2]

// unshift 陣列前頭新增 返回陣列長度

console.

log(arr.

unshift(8

,9))

;// 5

console.

log(arr)

// [8, 9, 6, 4, 2]

// pop 刪除末尾

console.

log(arr.

pop())

;// 2

console.

log(arr)

// [8, 9, 6, 4]

// push 尾部新增

console.

log(arr.

push(3

,7))

;// 6

console.

log(arr)

// [8, 9, 6, 4, 3, 7]

let arr1 =[12

,56,45

,34,22

]// concat 連線陣列

console.

log(arr.

concat

(arr1));

// slice 擷取陣列 左閉右開

console.

log(arr1.

slice(2

,4))

;// [34, 45]

// sort 陣列排序

// console.log(arr1.sort(function(a, b) ));

// splice 指定位置插入陣列元素

console.

log(arr1.

splice(2

,0,66

,77))

;//

console.

log(arr1)

;// [12, 56, 66, 77, 45, 34, 22]

// splice 刪除陣列元素

console.

log(arr1.

splice(1

,2))

;// [56, 66]

console.

log(arr1)

;// [12, 77, 45, 34, 22]

// splice 替換陣列元素

console.

log(arr1.

splice(1

,2,888

,999))

;// [77, 45]

console.

log(arr1)

;// [12, 888, 999, 34, 22]

// findindex 找符合條件的第乙個字元下標

console.

log(arr1.

findindex

(value =>))

;// find 找符合條件的第乙個字元的值

console.

log(arr1.

find

(value =>))

;// tostring 陣列轉字串

console.

log(arr1.

tostring()

);// 12,888,999,34,22

// tolocalestring date物件轉為字串

let data =

newdate()

console.

log(data.

tolocalestring()

);// 2021/1/6 下午8:47:27

// tolocalestring 數值轉為千分位

let num =

1234567

console.

log(num.

tolocalestring()

);// 1,234,567

let obj =

console.

log(obj.

tolocalestring()

);// [object object]

console.

log(

json

.stringify

(obj));

//

JS初識之常見的陣列方法

array.prototype.slice 返回乙個從開始到結束 不包括結束 選擇的陣列的一部分淺拷貝到乙個新陣列物件。且原始陣列不會被修改。arr.slice 選擇的區間是 0,end arr.slice 選擇的區間是 begin,end arr.slice begin,end 兩個引數同時存在是...

常見的陣列方法

slice 方法可從已有陣列中返回選定的元素,返回乙個新陣列,包含從start到end 不包含結束 的陣列元素。var arr 11,22,33,44,55 console.log arr.slice 1,3 22,33 返回選擇的元素 console.log arr 11,22,33,44,55 ...

js陣列方法map和filter比較

1.map 1 怎麼用?map 方法建立乙個新陣列,其結果是該陣列中的每個元素都呼叫乙個提供的函式後返回的結果。const newarr arr.map a console.log newarr 2,2,2 2 用什麼特點?注意點 map 方法會給原陣列中的每個元素都按順序呼叫一次 callback...