数组
基本特性
-
JavaScript中已经为我们封装好了较为完善的数组（自动扩容，允许存放不同类型的数据）
-
数组中间插入和删除性能较低，但是查找速度快（下标查找）
常用方法
增/删
| 方法名 | 说明 | 返回值 |
|---|---|---|
| unshift(参数1…) | 头增，修改原数组 | 返回新的长度 |
| push(参数1…) | 尾增，修改原数组 | 返回新的长度 |
| shift() | 头删，修改原数组 | 返回删除元素值 |
| pop() | 尾删，修改原数组 | 返回删除元素值 |
修改顺序
| 方法名 | 说明 | 返回值 |
|---|---|---|
| reverse() | 翻转数组，修改原数组 | 返回新数组 |
| sort() | 直接使用，会将数字当成字符串，只看第一位；回调使用，排序；修改原数组 | 返回新数组 |
// 不能直接使用arr.sort，会按照字符串排序，即按照第一位数字排序
// 必须在里面加个function确定顺序
var arr=[1,20,60,7];
arr.sort() //1,20,60,7
arr.sort(function(a,b){
return(a-b);//升序排列
return(b-a);//降序排列
});
查询
| 方法名 | 说明 | 返回值 |
|---|---|---|
| indexOf(参数) | 从前向后找，只找一个 | 第一个满足条件的索引号，不存在返回-1 |
| lastIndexOf(参数) | 从后向前找，只找一个 | 第一个满足条件的索引号，不存在返回-1 |
| includes(参数,开始位置) | 查找是否存在 | true/false |
连接、截取、过滤、更新
| 方法名 | 说明 | 返回值 |
|---|---|---|
| concat() | 连接两个或多个数组，不影响原数组 | 返回新数组 |
| slice() | 数组截取slice(begin,end)，不影响原数组 | 返回被截取项目的新数组 |
| filter(item=>item.done) | 不影响原数组 | 返回新数组 |
| splice() | 数组更新splice(begin，个数,item1…itemX)第三个参数可选，不填即为截取，会影响原数组 | 返回被删除项目的新数组 |
// 注意：slice()顾头不顾尾
var arr=[1,20,60,7];
var newArr = arr.slice(0,3)
console.log(newArr);// [1,20,60]
遍历
- Array.from()
将类数组或可遍历对象转化为真正的数组
Array.from(可遍历对象名)
- forEach(function(value,index,arr) {})
无返回值，对原数组没有影响
arr.forEach(function(value,index,arr) {
})
// value当前正在遍历的元素
// index当前正在遍历元素的索引
// arrobj整个数组
- map(function(value,index,arr) {})
支持return返回，对原数组没有影响
array.map(function(value,index,arr), thisValue)
// value 必选。当前元素的值
// index 可选。当前元素的索引值
// arr 可选。当前元素属于的数组对象
// thisValue 可选。对象作为该执行回调时使用，传递给函数，用作 "this" 的值。如果省略了 thisValue，或者传入 null、undefined，那么回调函数的 this 为全局对象。
// 返回一个新数组
// 等同于
function myMap(fn){
//this是调用此方法的数组
let newArr = []
for(let i = 0;i<this.length;i++){
let result = fn(this[i],i,this)
newArr.push(result)
}
return newArr
}
判断条件遍历查询
// callback有三个参数。
// value：每一次迭代查找的数组元素。
// index：每一次迭代查找的数组元素索引。
// arr：被查找的数组。
- every(callback)
所有项都满足条件，返回true
- some(callback)
只要有一项满足条件，就会返回true
- find(callback)
查找符合条件的元素，找到第一个值返回，找不到返回undefined
- findIndex(callback)
查找符合条件的元素，找到第一个值返回其索引，找不到返回-1
注意：find()返回的是值，indexOf()返回的是索引
findIndex比indexOf更强大一些，可以通过回调函数查找对象数组，但indexOf可以指定开始查找位置的索引
数组转字符串
| 方法名 | 说明 | 返回值 |
|---|---|---|
| toString() | 把数组转换为字符串，逗号分隔每一项 | 返回一个字符串 |
| join(“分隔符”) | 把数组中所有元素转换为一个字符串 | 返回一个字符串 |