JS数组有哪些常用原生方法？哪些能改变数组本身？
1. 数组和字符串的转换方法
toString 不改变原数组
const arr = [1, 2, 3]
console.log(arr.toString()); // 1,2,3
join 不改变原数组
join(str) 数组转字符串，接收一个参数，默认为逗号分隔符。
const arr = [1, 2, 3]
console.log(arr) // [1, 2, 3]
console.log(arr.join()) // 1,2,3
console.log(arr.join(':')) // 1:2:3
2. 数组尾部操作方法
pop 改变原数组
pop() 删除并返回数组最后一个元素。
const arr = [1, 2, 3]
console.log(arr) // [1, 2, 3]
console.log(arr.pop()) // 3
push 改变原数组
push() 向数组末尾添加一个或多个元素，并返回新的长度。
const arr = [1, 2]
console.log(arr.push(3)) // 3
console.log(arr) // [1, 2, 3]
3. 数组首部操作方法
shift 改变原数组
shift() 删除并返回数组第一个元素。
const arr = [1, 2, 3]
console.log(arr) // [1, 2, 3]
console.log(arr.shift()) // 1
unshift 改变原数组
unshift() 向数组首部添加一个或多个元素，并返回新的长度。
const arr = [1, 2]
console.log(arr.unshift(3)) // 3
console.log(arr) // [3, 1, 2]
4. 排序方法
reverse 改变原数组
reverse() 颠倒数组中元素顺序。
const arr = [1, 2, 3, 4]
console.log(arr.reverse()) // [4, 3, 2, 1]
console.log(arr) // [4, 3, 2, 1]
sort 改变原数组
sort() 对数组进行排序。
const arr = [2, 4, 3, 1]
console.log(arr.sort()) // [1, 2, 3, 4]
console.log(arr) // [1, 2, 3, 4]
sort() 按照数组元素数值的大小对数字进行排序，是按照字符编码的顺序进行排序，那怎么样根据元素数值大小进行排序呢？
const arr = [2, 4, 3, 1]
const arr1 = [...arr].sort((a, b) => a - b)
const arr2 = [...arr].sort((a, b) => b - a)
console.log(arr1) // [1, 2, 3, 4]
console.log(arr2) // [4, 3, 2, 1]
5. 数组连接的方法
concat 不改变原数组
arr1.concat(arr2) 连接两个或多个数组，返回一个新的数组。
const arr1 = [1, 2, 3]
const arr2 = [4, 5]
const newArr = arr1.concat(arr2)
console.log(newArr) // [1, 2, 3, 4, 5]
console.log(arr1) // [1, 2, 3]
6. 数组截取方法
slice 不改变原数组
slice() 方法返回一个新的数组对象，这一对象是一个由 start 和 end 决定的原数组的浅拷贝（包括 start，不包括 end），其中 start 和 end 代表了数组元素的索引。原始数组不会被改变。
正数索引从0开始，负数索引从-1开始。
const arr = [1, 2, 3, 4, 5]
console.log(arr.slice(1)) // [2, 3, 4, 5]
console.log(arr.slice(1, -2)) // [2, 3]
console.log(arr.slice(-3, -1)) // [3, 4]
console.log(arr) // [1, 2, 3, 4, 5]
7. 数组插入方法
splice 改变原数组
const months = ['Jan', 'March', 'April', 'June'];
months.splice(1, 0, 'Feb'); // 在索引1处插入元素
console.log(months); // ["Jan", "Feb", "March", "April", "June"]
months.splice(4, 1, 'May'); // 在索引4处替换1个元素
console.log(months); // ["Jan", "Feb", "March", "April", "May"]
8. 数组索引方法
indexOf lastIndexOf 不改变原数组
两个方法都是返回要查找的项所在数组中首次出现的位置，没找到的话就返回-1。
arr.indexOf(item, start) 从数组的开头开始向后寻找。
arr.lastIndexOf(item, start) 从数组的末尾开始向前查找。
const arr = [2, 4, 1, 9, 1, 2]
console.log(arr.indexOf(2)) // 0
console.log(arr.lastIndexOf(1)) // 4
console.log(arr.indexOf(3)) // -1
9. 总结
| 改变原数组的方法 | 不改变原数组的方法 |
|---|---|
| pop | toString |
| push | join |
| shift | concat |
| unshift | slice |
| reverse | indexOf |
| sort | lastIndexOf |
| splice |
