[TOC] #### 1. slice --- **概述** slice 方法用于提取数组中的一部分，返回提取结果，不会改变原数组 **语法** ```plaintext 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 --- **语法** ```plaintext 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() 方法用于在数组中添加和删除元素，返回值是被删除的元素，会改变原数组