[TOC] #### 1. slice --- **概述** slice 方法用于提取數組中的一部分，返回提取結果，不會改變原數組 **語法** ```javascript array.slice(start, end) start 起始位置 end 可選參數，結束位置 返回值: 起始位置到結束位置之間的數據，包含起始位置，但是不包含結束位置 當位置的值為負數時，代表從倒數第幾個元素開始提取，如: -1 代表倒數第一個元素 ``` **實例** ```javascript const arr = ['what', 'are', 'you', 'doing', '?'] // ['are', 'you'] const res1 = arr.slice(1, 3) // ['are', 'you', 'doing'] const res2 = arr.slice(1, -1) ``` #### 2. splice --- **語法** ```javascript array.splice(index, howmany[, item1, item2, ...]) index 起始位置，從何處開始 howmany 刪除的元素數量，為 0 時不會刪除任何元素 item1, item2, .. 可選參數，要添加到數組中的新項目 返回值：被刪除元素構建的新數組，沒有刪除時返回空數組 當位置的值為負數時，代表從倒數第幾個元素開始提取，如: -1 代表倒數第一個元素 ``` **實例** ```javascript const arr = ['what', 'are', 'you', 'doing', '?'] // ['are', 'you', 'doing'] const delArr = arr.splice(1, 3) //  ['what', '?'] console.log(arr); ``` ```javascript const arr = ['what', 'are', 'you', 'doing', '?'] // [] const delArr = arr.splice(1, 0, 'ok', 'name') // ['what', 'ok', 'name', 'are', 'you', 'doing', '?'] console.log(arr); ``` ```javascript const arr = ['what', 'are', 'you', 'doing', '?'] // ['you'] const delArr = arr.splice(2, 1, 'ok') //  ['what', 'are', 'ok', 'doing', '?'] console.log(arr); ``` **應用場景** 現有物聯網設備每隔一段時間會向APP發送一些數據，APP需要將數據臨時保存起來，等待特定時機將這些數據一次性發送給服務端，保存這些數據時如果有相同的id，則后面的數據覆蓋前面的數據 ```javascript // 緩存變量 const data = [] setInterval(() => { // 生成 1~5 之間的整數 const id = Math.round(Math.random() * 4 + 1) const score = Math.round(Math.random() * 100) // 要存入緩存變量中的數據 const user = { id, score } // 存入緩存變量 const index = data.findIndex(item => item.id == id) index === -1 ? data.push(user) : data.splice(index, 1, user); // 查看數據 console.log(user); console.log(data); }, 3000) ``` #### 3. slice 和 splice 區別 --- slice() 方法用于從數組中選取元素，返回值是選取的元素，并且不會改變原數組 splice() 方法用于在數組中添加和刪除元素，返回值是被刪除的元素，會改變原數組