前言
最近工作的时候总是记不住数组，对象，字符串的方法，写一篇方法总结好好的巩固一下，以后也好复习。
数组的定义
数组的标准定义是：一个存储元素的线性集合，元素可以通过索引任意存取，索引通常是数字，用来计算元素间存储位置的偏移量。
创建数组的方法
- 直接量创建(最常用)
let arr = [1,2,3]
- 利用构造函数创建
- 不传参的时候会创建一个空数组
var arr = new Array()//创建一个空数组
- 传一个参数，用来指定这个数组的长度
var arr = Array(5);//创建一个数组长度为5的数组
console.log(arr);//会打印出长度为10的数组，数组元素为empty
- 传一组元素，作为数组的初始值
var arr = new Array(1,2,3,4,5)//创建一个[1,2,3,4,5]的数组
感觉写代码的时候还是第一种用的最多，也没有研究过两种方式的差异，等有时间研究一下。
push()和pop()
-
push()方法
可以接收任意数量的参数，并逐个添加到数组末尾，并返回修改后数组的长度。
let arr = [1,2,3[];
console.log(arr.push(4,5,6));//返回6
console.log(arr)//返回[1,2,3,4,5,6]
-
pop()方法
pop方法是移除数组的最后一项，并返回移除的值
let arr = [1,2,3];
console.log(arr.pop());//返回3
console.log(arr)//返回1,2
shift()和unshift()
-
shift()方法
shift()方法是删除数组第一项，返回删除的值;和pop（）删除的位置相反；
let arr = [1,2,3];
console.log(arr.shift());//返回1
console.log(arr);//返回[2,3]
-
unshift()方法
unshift()方法是将参数添加到数组开发，并返回数组长度。和push()方法刚好相反。
let arr = [2,3];
console.log(arr.unshift(1));//返回3
console.log(arr)//返回[1,2,3]
join()方法
join()方法,接受一个参数，分隔符，不传默认是“，”,会将数组变为字符串,但本身的数组不会发生变化。感觉各个类型之间的转化也需要总结一下，之后有时间总结吧。
let arr = [1,2,3]
console.log(arr.join())//返回"1,2,3"
console.log(arr.join("-")//返回"1-2-3"
console.log(arr)//返回[1,2,3]
sort()方法
sort()方法是将数组按照升序排序,返回排序后数组，说得更精确点，是按照字符编码的顺序进行排序。并可接收一个比较函数做参数来改变排序。比较函数可接收两个参数。
！！请注意，数组在原数组上进行排序，不生成副本。
let arr = [7,4,6,9,5,1]
console.log(arr.sort());//返回[1, 4, 5, 6, 7, 9]
console.log(arr)//返回[1, 4, 5, 6, 7, 9]，原数组发生了改变
reverse()方法
reverse() 方法用于颠倒数组中元素的顺序。
let arr = [1,2,3];
console.log(arr.reverse());//返回[3,2,1]
concat()方法
concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。
let arr = [1,2,3];
let arr2 = [4,5,6];
let arr3 = arr.concat(arr2);
console.log(arr.arr2.arr3);//返回 [1, 2, 3, 4, 5, 6]
slice()方法
slice() 方法可从已有的数组中截取选定的元素返回组成新的数组，原数组不变。
方法接收两个参数，起始位置和结束位置。起始位置必需，默认是0，结束位置可选。
!!注意：起始位置是从0开始的，光写slice()就是默认起始位置为0，如果起始位置为负数，则会从数组末尾开始截取。当起始位置为负数时，结束位置如果是正数或者比起始位置小就会返回空数组。结束位置需要大于起始位置，截取的新数组元素不会包含结束位置的元素。
let arr = [1,2,3,4,5];
console.log(arr.slice(1))//返回[2,3,4,5]
console.log(arr.slice(1,3))//返回[2,3]
console.log(arr.slice(-3))//返回[3, 4, 5]
console.log(arr.slice(-3,-5))//返回[]
console.log(arr.slice(-3,-1))//返回[3,4]
splice()方法
splice() 方法向/从数组中添加/删除/插入/替换项目，然后返回被删除的项目。
注意：该方法会改变原始数组。
- 删除 ： 需要两个参数，起始位置和结束位置，返回删除的元素组成的新数组。可以删除任意个数组元素。
- 插入：需要三个参数，起始位置，0(要删除的个数)，插入的元素
- 替换：需要三个参数，起始位置，删除个数，要插入的项，填入的元素不必与删除的个数相等。
注意：splice()方法始终返回一个数组，，该数组中包含从原始数组中删除的项，如果没有删除任何项，则返回一个空数组。
let arr = [1,2,3,4,5]
//删除元素
console.log(arr.splice(1,2))//返回[1,2]
console.log(arr)//返回[3,4,5],原数组发生了改变
//插入元素
arr.splice(3,0,6,7)//意思是在数组的位置3后插入6,7
console.log(arr)//返回[3,4,5,6,7]
//替换元素
arr.splice(1,2,8,9,10)//意思是在元素位置1后删除2个元素，并插入8,9,10，返回[4,5]
console.log(arr)//返回[3, 8, 9, 10, 6, 7]
ES5新增的方法
##### 下面是ES5新增的数组方法
indexOf()和 lastIndexOf()方法
- indexOf()方法是查找数组中有无匹配的值，传两个参数，要查找的项和起始位置，如果严格匹配后找到则返回元素的位置下标，如没有则返回-1
let arr = [1,2,3,4,5];
console.log(arr.indexOf(3,0));//返回2，即位置下标
console.log(arr.indexOf(6,0))//返回-1
- lastIndexOf()方法就是从后往前找，就不举例说明了。
forEach()
forEach()方法是对数组进行遍历，参数是function，function中传的是元素，元素下标，数组本身。
let arr = [1,2,3,4,5];
arr.forEach(function(item,index,arr){
console.log(item+'|'+index+'|'+arr)
})
map()
map()方法及映射，对数组中的每一项运行给定函数，返回每次函数调用的结果组成的数组。就是对数组每项元素进行操作后返回新的数组。
注意： map() 不会对空数组进行检测。map() 不会改变原始数组。map() 方法按照原始数组元素顺序依次处理元素。
let arr = [];
let arr2 = arr.map(function(item){
return item*item;
})
filter()
filter方法就是过滤数组元素，将满足条件的数组元素返回并组成新的数组。
let arr = [1,2,3]
let arr2 = arr.filter(function(item){
return item%2 == 0;
})
console.log(arr2)//[2]
every()方法和some()方法
两个方法都是判断数组元素是否满足条件，并返回true和false；
- every()方法是数组每一项都需要满足条件才返回true，否则返回false；
- some则是只要有满足条件的元素，就会返回true；
ES6新增的方法
等待更新。。。
参考资料
https://www.cnblogs.com/obel/p/7016414.html
W3C JavaScript Array 对象
网友评论