一、arr常用的方法
- push:追加元素
- unshift:在前面追加元素
- pop:删除最后一个的元素
- shift:删除第一个元素
- splice:删除指定的元素(第一个参数索引位置,第二个删除的个数,第三个参数需要更改的信息)
- reverse:倒序
- sort:排序
- concat:拼接
- slice:截取(第一个参数是开始的索引,第二个是结束的索引,会包裹开始的索引,但不会包裹结束的)
- indexOf:查找,(找到返回值的索引,找不到返回-1)
- lastindexOf:从后往前查找
- foreach:遍历
- map:映射
- filter:过滤
- every:每一项是否满足,返回布尔值
- some:其中一项是否满足条件,返回布尔
- reduce:叠加
二、方法的使用
1、arr.push()
var arr=[1,2,3,4,5,6]
arr.push(10,11,)
console.log(arr);
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/cd43ea697ef9f95608b1123b2654629a.png)
2、arr.unshift()
var arr=[1,2,3,4,5,6]
arr.unshift(10,11,)
console.log(arr);
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/8606735b82f67bec6689d52658050221.png)
3、arr.pop()
var arr=[1,2,3,4,5,6]
arr.pop()
console.log(arr);
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/7d5a800402e86cf7159de1404d0146e9.png)
4、arr. shift()
var arr=[1,2,3,4,5,6]
arr.shift()
console.log(arr);
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/052d8ca62d8602aa0d54e55e3503de01.png)
5、arr.splice()
- 删除指定的元素
- 第一个参数是开始的索引值
- 第二个参数是删除的个数
var arr=[1,2,3,4,5,6]
arr.splice(1,3)
console.log(arr);
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/a45af1b09a2ff852fb6f0bfd3463e97a.png)
6、arr.reverse()倒叙
var arr=[1,2,3,4,5,6]
console.log(arr.reverse());
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/ecb30bb4c3b2363d614f1537a57930cb.png)
7、arr.sort()排序
var arr = [1, 2, 3, 4, 5, 6]
var x = arr.sort(function (a, b) {
return b - a
})
console.log(x);
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/a4e854054f241c39d5257d877bf81434.png)
8、arr.concat()
var arr = [1, 2, 3, 4, 5, 6]
var arr2 = [7, 8, 9, 10]
console.log(arr.concat(arr2));
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/e718173e8cc6be168bdd762afad9dc7f.png)
9、arr.slice()
- 元素的截取
- 第一参数开始截取的索引
- 第二个参数结束的索引
- 截取的值会包括开始的索引值,但不会包括结束的索引值
var arr = [1, 2, 3, 4, 5, 6]
console.log(arr.slice(1,4));
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/815617fb2740796e22672a5821a74698.png)
10、arr.indexOf()
- 查询是否包含
- 包含:返回查询值的索引
- 不包含:返回-1
var arr = [1, 2, 3, 4, 5, 6]
console.log(arr.indexOf(3));
var arr = [1, 2, 3, 4, 5, 6]
console.log(arr.indexOf(7));
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/297836cf874cd65f98bf26a5a28b240b.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/3ddd26424c21b96ad98af20fbedcd865.png)
11、arr.foreach()遍历
var arr = [1, 2, 3, 4, 5, 6]
var x = arr.forEach(function (item) {
console.log(item);
})
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/70ccbdc10bc164a97891a94ac7e302cf.png)
12、arr.map()
- 将数组的元素映射成某一项
- 常用于映射称
- 插入到dom里面
var arr = [1, 2, 3, 4, 5, 6]
var x = arr.map(function (item) {
console.log('Pikachu',item);
})
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/669794ca2fe44254d6d5054ab7343c1b.png)
13、arr.filter()
var arr = [1, 2, 3, 4, 5, 6]
var x = arr.filter(function (item) {
return item>3
})
console.log(x);
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/d3c4bb72274f1121eed4e86d499ab5df.png)
14、arr.every()
var arr = [1, 2, 3, 4, 5, 6]
var x = arr.every(function (item) {
return item<7
})
var y = arr.every(function (item) {
return item>3
})
console.log(x,y);
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/da00cc218f2fef50d5e5a861d92cfee8.png)
15、arr.some()
var arr = [1, 2, 3, 4, 5, 6]
var x = arr.some(function (item) {
return item<2
})
var y = arr.some(function (item) {
return item>6
})
console.log(x,y);
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/95484ca02e050871d96e5e3c772e68b9.png)
16、arr.reduce()叠加
var arr = [1, 2, 3, 4, 5, 6]
var x = arr.reduce(function (prev,item) {
return prev+item
})
console.log(x);
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/df70a0c520b76bc5c1bb106c4ffa1725.png)