数组及数组常用方法

数组及数组常用方法

1. 数组含义

• 数组：数组是有序的数据集，可存放任意数据类型的元素

2. 数组创建方式

• 字面量方式
  var arr=[]
• 内置构造函数创建数组
  var arr=new Array()

3. 获取数组内元素

• 数组名[对应下标]

var arr=[2,3,{'name':'李三'},[4,5,6]]
console.log(arr[2]['name']) //李三
console.log(arr[3][0]) //4

4. 数组常用属性及方法

4.1 常见属性

• arr.length 获取数组长度

4.2 方法

4.2.1 常见方法

以下方法会改变原数组

• push() 向数组末尾追加元素，并返回数组长度
• pop()删除末尾一个元素，并返回被删除的数据
• unshift()向数组最开头添加一个元素，并返回数组长度
• shift()删除数组最开头的一个元素，并返回被删除的数据
• reverse()反转数组，并返回反转后的数组
• sort()按ascii码排序,并返回排序后数组

var arr=[3,4,1,2,5]
var brr=arr.sort(function(a,b){
       return b-a //降序
     //return a-b 升序
})
console.log(brr)//5,4,3,2,1

• splice()插入，删除，替换，并返回被截取数据

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

//arr.splice(1)//从下标1开始往后截取所有元素（包括下标1）
//console.log(arr)//1

//console.log(arr.splice(1,2))//2,3

//arr.splice(1,2)//从下标1开始往后截取2个元素
//console.log(arr)//1，4，5

//console.log(arr.splice(1,2,0))//2,3

//arr.splice(1,2,0)//从下标1开始往后截取2个元素，并替换成0
//console.log(arr)//1，0，4，5

以下方法不会改变原数组

• concat()数组拼接，返回一个新数组
• join()使用指定分隔符把数组中元素拼接成字符串，若无指定则分隔符为默认为，
• slice(start,end)截取[start,end)元素，并以所截取元素返回新数组，若参数为负值，则从数组尾部开始选取元素
• indexOf(所要查找的元素a) 从左往右查找a,若查到a则返回值为a所在的第一个索引，若无a值则返回-1
• lastIndexOf(所要查找的元素a) 从右往左查找a,若查到a则返回值为a所在的最后一个索引，若无a值则返回-1

4.2.2 迭代方法

• forEach() 遍历数组，无返回值，不改变原数组

var arr = [1,2,3,4];
//item:数组的每一项
//index:数组的索引
//arr:原数组
//数组长度多少，该函数就执行多少回
arr.foreach((item,index,arr)=>{
    console.log(item);  //执行四次，结果分别为1,2,3,4
});

• map() 遍历数组，可对元素进行操作返回一个新数组，不改变原数组

var arr = [1,2,3,4];
var brr=arr.map((item,index,arr)=>{
    return item*10;  
});
console.log(brr)//结果为10,20,30,40

• filter()过滤掉数组中不满足条件的值,返回一个新数组,不改变原数组

var arr = [1,2,3,4];
var brr=arr.filter((item,index,arr)=>{
    return item>3;  
});
console.log(brr)//结果为4

• some()遍历数组,有一项返回满足条件则返回true,立即停止遍历，不改变原数组。无满足条件的项则返回false且该方法不会对空数组进行检测

var arr = [1,2,3,4];
var brr=arr.some((item,index,arr)=>{
    return item>3;  
});
console.log(brr)//结果为true
//若arr为空数组，则不论条件是什么只会返回false

• every() 遍历数组每一项，若每一项都返回true,最终结果为true.有一项返回false,停止遍历,结果返回为false。不改变原数组。

var arr = [1,2,3,4];
var brr=arr.every((item,index,arr)=>{
    return item>3;  
});
console.log(brr)//结果为false

4.2.3 归并方法

• reduce() 让数组的前后两项进行某种计算,然后返回其值，并继续计算,不改变原数组,返回计算的最终结果，从数组的第二项开始遍历。

array.reduce(function(total, currentValue, currentIndex, arr), initialValue)

• total 必需。初始值, 或者计算结束后的返回值。
• currentValue 必需。当前元素
• currentIndex 可选。当前元素的索引
• arr 可选。当前元素所属的数组对象。
• initialValue 可选。传递给函数的初始值

var arr = [3,9,4,3,6,0,9];
//求数组项之和
var sum = arr.reduce(function (prev, cur) {
    return prev + cur;
},0);
console.log(sum)
//求数组最大项
var max = arr.reduce(function (prev, cur) {
    return Math.max(prev,cur);
});
console.log(max)
//去重
var newArr = arr.reduce(function (prev, cur) {
    prev.indexOf(cur) === -1 && prev.push(cur);
    return prev;
},[]);
console.log(newArr)

4.3 ES6-数组扩展

• 扩展运算符 ...
• Array.from()将含有length属性，以数字为key的对象转为真正的数组

5.附录