数组常用方法及作用

一、前言【什么是数组？】

数组，是有序的元素序列，用于储存多个相同类型数据的集合，数组是在程序设计中，为了处理方便， 把具有相同类型的若干元素按无序的形式组织起来的一种形式。这些无序排列的同类数据元素的集合称为数组。

二、数组常用的方法

1. length属性，可以用来获取数组的长度

var arr = [1,2,3,4,5,6,7,7]
console.log(arr.length)     //长度为8
arr.length = 4;            //可以使用数组的length属性来实现删除操作，4表示长度是4
console.log(arr)    //[1,2,3,4]

var arr = [1,2,3,4,5,6,7,7]
arr[arr.length] = 8     //新增  
console.log(arr)     // [1, 2, 3, 4, 5, 6, 7, 7, 8]

arr[5] = 10        //替换
console.log(arr)      //[1, 2, 3, 4, 5, 10, 7, 7, 8]

2. 新增和删除

push()：向数组的尾部新增一个或者多个元素

var arr = [1,2,3,4,5,6,7,7]
arr.push(10)
arr.push(11,12)
console.log(arr)    //[1, 2, 3, 4, 5, 6, 7, 7, 10, 11, 12]

 var obj = {
             username:'张三',
             age:30
           }

//数组中可以放任意的数组类型
var arr  = [];
arr.push(obj)
arr.push(1,true,'zhangsan')
console.log(arr)        //[{username: '张三', age: 30}, 1, true, 'zhangsan']

unshift()：向数组的头部新增一个或者多个元素

var arr = [1,2,3,4,5,6,7,7]
arr.unshift(10)
console.log(arr)    // [10, 1, 2, 3, 4, 5, 6, 7, 7]

pop（）：从数组的尾部删除元素

var arr = [1,2,3,4,5,6,7,7]
arr.pop()
console.log(arr)    // [1, 2, 3, 4, 5, 6, 7]

shift（）：从数组的头部删除元素

var arr = [1,2,3,4,5,6,7,7]
arr.shift()
console.log(arr)    // [2, 3, 4, 5, 6, 7, 7]

3. splice()的用法

splice（index,0,val,val2…）:从数组的index下标开始新增N个元素

var arr = [1,2,3,4,5,6]
arr.splice(3,0,7,8,9)
console.log(arr)    //[1, 2, 3, 7, 8, 9, 4, 5, 6]

splice（index，num）：从数组的index下标开始删除num个元素，删除完后会返回删除的元素组成的新数组

var arr = [1,2,3,4,5,7]
var arr2 = arr.splice(3,1)
console.log(arr2)    //[4]
console.log(arr)     //[1, 2, 3, 5, 7]

splice（index，num，val，val1…）：从数组的index下标开始删除num个元素并且新增N个元素。

var arr = [1,2,3,4,5,6,7,7]
var arr2 = arr.splice(3,2,10,11,12)
console.log(arr2) //[4,5]
console.log(arr) //[1, 2, 3, 10, 11, 12, 6, 7, 7]

4. delete运算符也可以用来删除，但不会更改数组的长度。

var arr = [1,2,3,4,5,6,7,7]
delete arr[3]
console.log(arr)   //[1, 2, 3, 空白, 5, 6, 7, 7]

5. 数组元素位置的查找：

indefOf（）：从前向后查找，存在则返回元素下标，不存在返回-1；

lastIndefOf（）：从后向前查找，存在则返回元素的下标，不存在则返回-1；

includes（）：判断元素是否存在，存在返回true，不存在则返回-1；

var arr = [1,2,3,4,5,6,7,7]
console.log(arr.indexOf(7))       //下标是6
console.log(arr.lastIndexOf(5))   //下标是4
console.log(arr.includes(8))  //false
console.log(arr.includes(7))  //true

6. 排序

reverse（）：倒序

var arr = [1,2,3,4,5,6]

console,log(arr.reverse())     //  [6, 4, 3, 2, 1]

sort（）：不传值的情况下，按照ASCLL值排序

var arr = [1,11,2,12,3,23,4,25]
console.log(arr.sort())   //[1, 11, 12, 2, 23, 25, 3, 4]

sort（）：升序

格式：

​ 数组. sort(function（a,b）{

​ return a-b;

​ })

var arr = [1,8,5,6,11,7,55,20,36,4]
console.log(arr.sort(function(a,b){
	return a-b
}))     //[1, 4, 5, 6, 7, 8, 11, 20, 36, 55]

sort（）：降序

格式：

​ 数组. sort(function（a,b）{

​ return b-a;

​ })

var arr = [1,11,2,12,3,23,4,25]
console.log(arr.sort(function(a,b){
	return b-a
}))  //[25, 23, 12, 11, 4, 3, 2, 1]

7. concat（）：合并数组

var arr = [1,2,4,5,8,3,44,22,47]
var arr1 = [1,2,3];
var arr2 = [4,5,6];
console.log(arr.concat(arr1,arr2))   //[1, 2, 4, 5, 8, 3, 44, 22, 47, 1, 2, 3, 4, 5, 6]

8. join（）：将数组转换为字符串

var arr = [1,2,4,5,8,3,44,22,47]
console.log(arr.join())   //1,2,4,5,8,3,44,22,47

9. slice（）：数组截取，不会对原数组做影响

slice（）：不传值的情况下截取整个数组

var arr = [1,2,4,5,8,3,44,22,47]
var arr2 = arr.slice(2)
console.log(arr2)   //[4, 5, 8, 3, 44, 22, 47]

slice（start，end）：从start位置开始截取到end，不包括end位置

var arr = [1,2,4,5,8,3,44,22,47]
var arr2 = arr.slice(2,5)
console.log(arr2)    //[4, 5, 8]

slice（）：可以传负值

var arr = [1,2,4,5,8,3,44,22,47]
var arr2 = arr.slice(-2)
console.log(arr2)        //[22, 47]

10. 循环方法

forEach（）循环

​ forEach（）方法用于调用数组的每个元素，并将元素传递给回调函数

​ 注意：forEach（）对于空数组是不会执行回调函数的。

格式：

​ /**

​ *item：值

​ *index：下标

​ */

​ 数组.forEach（function（item，index）{

​ }）

例子：

var arr = [1,2,22,333,4,5,66,6,6,5,4,3,2,1]
arr.forEach(function(item,index){
	console.log('值为'+item+'下标='+index)
})

some（）：需要数组一项满足条件则返回true，只要有一项是满足的就返回true

格式:

​ 数组.some(function（item）{

​ return 条件

​ })

例子：

var arr = [1,2,3,4,5,6,7,7,1,2,3,44,22,5,11]
var istrue = arr.some(function(x){
	return x > 5
})
console.log(istrue)   //true

every（）：需要数组每一项都满足条件则返回true

格式:

​ 数组.some(function（item）{

​ return 条件

​ })

例子：

var arr = [1,2,3,4,5,6,7,7,1,2,3,44,22,5,11]
var istrue = arr.every(function(x){
	return x>=1
})
console.log(istrue)   //true

filter（）：返回满足条件的元素组成新的数组

格式:

​ 数组.some(function（item）{

​ return 条件

​ })

例子：

 var arr = [1,2,3,4,5,6,7,7,1,2,3,44,22,5,11]
 var arr2 = arr.filter(function(x){
 	return x>5
 })
 console.log(arr2)  //[6, 7, 7, 44, 22, 11]

map（）：返回计算后的元素组成新数组

格式:

​ 数组.some(function（item）{

​ return 条件

​ })

例子：

var arr = [1,2,3,4,5,6,7,7,1,2,3]
var arr2 = arr.map(function(x){
	return x*x
})
console.log(arr2)  //[1, 4, 9, 16, 25, 36, 49, 49, 1, 4, 9]