slice 與 splice 的用法和區別

2021-10-10 04:08:25 字數 2015 閱讀 2614

const arr = [10, 20, 30, 40, 50]

const arr1 = arr.slice() // [10, 20, 30, 40, 50]

const arr2 = arr.slice(1, 4) // [20, 30, 40]

const arr3 = arr.slice(2) // [20, 30, 40, 50]

const arr4 = arr.slice(-2) // [40, 50]

const arr = [10, 20, 30, 40, 50]

const spliceres = arr.splice(1, 2, 'a', 'b', 'c') // [20, 30] [10, "a", "b", "c", 40, 50]

const spliceres1 = arr.splice(1, 2) // [20, 30] [10, 40, 50]

const spliceres2 = arr.splice(1, 0, 'a', 'b', 'c') // [10, "a", "b", "c", 20, 30, 40, 50]

console.log(spliceres, arr)

1.concat:把乙個(或多個)陣列或之與原陣列拼接,返回拼接後的陣列

const arr = [10, 20, 30, 40]

const arr1 = arr.concat([50, 60, 70])

console.log(arr, arr1) // [10, 20, 30, 40] [10, 20, 30, 40, 50, 60, 70]

2.map:該陣列中的每個元素都呼叫一次提供的函式後,建立乙個新陣列,將結果返回

const arr = [10, 20, 30, 40]

const arr2 = arr.map(num => num * 10)

console.log(arr, arr2) // [10, 20, 30, 40] [100, 200, 300, 400]

3.filter:返回通過函式的所有元素的新陣列

const arr = [10, 20, 30, 40]

const arr3 = arr.filter(num => num > 25)

console.log(arr, arr3) // [10, 20, 30, 40] [30, 40]

10.join:把陣列的所有元素放入乙個字串,通過指定的分割符進行分割。

const arr = [10, 20, 30, 40]

const arr1 = arr.join()

console.log(arr, arr1) // [10, 20, 30, 40] 10,20,30,40

11.reverse:顛倒陣列中元素的順序。

const arr = [10, 20, 30, 40]

const arr1 = arr.reverse()

console.log(arr, arr1) // [10, 20, 30, 40] [40, 30, 20, 10]

4.push / pop:在陣列末尾 新增/刪除 元素

5.unshift / shift:在陣列首部 新增/刪除 元素

6.some / every:陣列中至少乙個/所有元素通過某個指定函式,返回乙個布林值

const arr = [10, 20, 30, 40]

const arr1 = arr.some(item => item > 25)

const arr2 = arr.every(item => item > 25)

console.log(arr, arr1) // [10, 20, 30, 40] true false

8.foreach

9.reduce

更多請檢視:js 陣列常用方法。

slice與splice的區別

slice 從已有的陣列中返回選定的元素 arrayobject.slice start,end start 必需,規定從何處開始選取,如果是負數,那麼就規定從陣列尾部開始算起 end 可選,規定從何處結束 splice 向 從陣列中新增 刪除專案,然後返回被刪除的專案 arrayobject.sp...

slice和splice的區別

因為最近一段時間有些東西用的少了所以有點忘記了,今天就來說下我之前忘記的什麼是slice和splice slice 方法可從已有的陣列中返回選定的元素。必須寫,規定從何處開始尾部開始選取。如果是負數,那麼它規定從陣列尾部開始算起的位置。也就是說 1指最後乙個元素,2指倒數第二個元素,以此類推。可選,...

slice和splice的區別

一 slice slice是指在指定乙個陣列中的元素建立乙個新的陣列,即原陣列不會改變。slice引數 slice start,end slice方法,在string物件和array物件的用法很類似。對於陣列物件來說,slice 方法提取 從 start下標起 以end下標 為結尾的 一段元素 但不...