JavaScript 数组常用方法
1、数组转换
可以将含有length属性的对象转换为数组
常见有length属性的对象有，String，HTMLElement、还有一些伪数组、可以将他们转换为真数组，并使用数组对象的遍历方法
- let arr = [...obj]
- let arr = Array.from(obj)
如果是字符串的话也可以使用split方法
- str.split('')
2、数组添加方法和删除方法
- push() 会改变原数组
- 将一个或多个元素添加到数组末尾
- 返回值push后的数组length属性
- 将一个或多个元素添加到数组末尾
- unshift() 会改变原数组
- 将一个或多个元素添加到数组开始
- 返回值push后的数组length属性
- 将一个或多个元素添加到数组开始
- pop() 会改变原数组
- 删除数组最末尾的元素
- 返回值是被删除的元素
- 删除数组最末尾的元素
- shift() 会改变原数组
- 删除数组最开始的元素
- 返回值是被删除的元素
- 删除数组最开始的元素
- splice() 会改变原数组
- 从指定位置开始，删除几个,可以实现数组的增删改
- 返回值是被删除元素构成的数组
- 从指定位置开始，删除几个,可以实现数组的增删改
3、数组的排序方法
- reverse() 会改变原数组
- 数组反转
- 返回反转后的数组
- 数组反转
- sort() 会改变原数组
- 数组按指定方法排序
- 返回反转后的数组
- 数组按指定方法排序
sort使用方法
sort(function(a,b){
return a-b//b-a
})
4、数组操作方法
| 方法名 | 说明 | 返回值 |
|---|---|---|
| concat() | 连接两个或多个数组 | 返回一个新的数组 |
| slice() | 数组截取slice(begin, end) | 返回被截取项目的新数组 |
| splice() | 数组删除splice(第几个开始,要删除个数) | 返回被删除项目的新数组 注意，这个会影响原数组 |
5、数组查询方法
| 方法名 | 说明 | 返回值 |
|---|---|---|
| indexOf() | 如果没找到返回-1，找到了返回第一个的下标 | 返回一个新的数组 |
| lastIndexOf() | 如果没找到返回-1，找到了返回最后一个的下标 | 返回被截取项目的新数组 |
| includes() | 找到返回true 没找到就返回false | 返回BooLean值 |
6、数组转换字符串
| 方法名 | 说明 | 返回值 |
|---|---|---|
| toString() | 相当于join(',')用逗号连接 | 返回字符串 |
| join('连接符') | 可以设置用什么字符连接 | 返回字符串 |
7、数组的遍历方法
- map()
- 数组映射方法，用于二次操作数组 每次返回的值组成一个新数组作为最后的返回值
- forEach()
- 遍历回调函数,不能被打断
- filter()
- 过滤器 返回一个指定数组里符合条件的所有元素组成的新数组
- reduce()
- 回调函数的第一个参数默认第一次为第一个元素，后面为上一次的返回值，回调函数的第二个参数默认从第二个元素开始遍历
- 如果写了第二个参数,那么回调函数的第一个参数为第二个参数,回调函数的第二个参数从第一个元素开始遍历
- find()
- 返回满足条件的当前元素，并停止遍历
- findIndex()
- 返回满足条件的当前元素下标，并停止遍历
- some()
- 只要有一个<u>满足</u>就返回值true 并停止遍历
- every()
- 只要有一个<u>不满足</u>就返回值false 并停止遍历
