js 数组方法

1.获取数组的长度

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

2.遍历数组
通过for循环边遍历

var  arr = [1,2,3,4,5]
for(var i = 0;i<arr.length;i++){
console.log(arr[i])   //打印出数组的每一项
}

3.sort()方法
sort():对数组的元素进行从小到大排序
不带参数时，默认按照Unicode编码进行排序。
带参数时，自定义排序规则。
对数组进行排列：

let arr=  [6,1,5,3,9,4]；
let newArr= arr.sort(a,b) =>{
 		return a-b; //升序   b-a降序
}

4.map（）方法
对数组中每一项运行回调函数，返回该函数的结果，组成新数组。
语法：

arr.map(function (item,index,arr){
	return newItem;
})

使用1：
对数组中的每一项值进行改变

var arr = [1,2,3,4,5]
var arr2 = arr.map(function(item,index){
    return item + 10;
})
console.log(arr2) //[11, 12, 13, 14, 15]

使用2：
将A数组的某个属性的值，存储到B数组中。

const arr1 = [
    {name:'zxy',age:'21'},
    {name:'jkl',age:'20'}
    ];

//把arr1的name值存入arr2数组中 
const arr2 = arr1.map((item)=>item.name);

// 把arr1中的name和age两个键的值存到arr3中的myName和myAge两个键中
const arr3 = arr1.map((item)=>({
    myName:item.name,
    myAge:item.age,
}));
console.log(JSON.stringify(arr2)) //["zxy","jkl"]
console.log(JSON.stringify(arr3)) //[{"myName":"zxy","myAge":"21"},{"myName":"jkl","myAge":"20"}]

5.fifter()方法
作用：对数组进行过滤
语法：

arr.filter(function (item, index, arr) {
    return true;
});

案例：
把数组中大于4的数字返回成一个新数组arr2

let arr1 = [1,2,4,5,6,7]
let arr2 = arr1.filter((item)=>{
    if (item>4){
        return true;
    }
    return false;
});
console.log('arr1' + JSON.stringify(arr1)) 
console.log('arr2' + JSON.stringify(arr2)) 

6.reduce()方法
reduce的中文是减少，但是这个方法却和减少没有关系。
reduce()接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。返回值是回调函数累计处理的结果。
案例1：
求和(可以自己去运行看看console中的打印结果慢慢理解)

const arr1 = [1,2,3,4,5,6,7]
const total = arr1.reduce((prev,item)=>{
    console.log('prev:' + prev)
    console.log('item' + item)
    return prev+item
})
console.log(total)

案例2：
统计某个元素出现的次数

function count(arr,value){
    if(!arr || arr.length ==0) return 0;

    return arr.reduce((total,item)=>{
        total += item ==value ? 1:0;
        return total;
    },0);
}
let arr1 = [1,2,3,4,5,6,6,6,7,1,2];
console.log(count(arr1,6))  //3

案例3：
求元素的最大值：

const arr = [2,5,7,5,9]
const maxvVlue = arr.reduce((prev,item)=>{
		return prev > item ? prev :item;
})
console.log(maxValue) //9

7.splice()方法
splice():从数组中删除指定的一个或多个元素，删除之后后面的元素会补上空位，组成一个新的数组。
语法：

新数组 = 原数组.splice(起始索引index, 需要删除的个数);

新数组 = 原数组.splice(起始索引index, 需要删除的个数, 新的元素1, 新的元素2...);

案例：

var arr1 = ['a', 'b', 'c', 'd', 'e', 'f'];
var result1 = arr1.splice(1); //从第index为1的位置开始，删除元素

console.log('arr1：' + JSON.stringify(arr1));  // arr1：["a"]
console.log('result1：' + JSON.stringify(result1)); //    result1：["b","c","d","e","f"]

数组案例
1.翻转数组

var  arr = [1,2,3,4,5]
var newArr = [];
for (var i = 0;i<arr.length;i++){
newArr[i]= arr[arr.length-i-1]
}
console.log(JSON.stringify(newArr))  //[5,4,3,2,1]

或者使用reverse（）方法

arr=[1,2,3,4,5]
var newArr = arr.reverse();
console.log(JSON.stringify(newArr))

2.冒泡排序

var arr = [6,1,5,3,9,4]
for( var i =0; i<arr.length;i++){
    for(var j = 0;j<arr.length -i -1;j++){
        if (arr[j]>arr[j+1]){
            var temp = arr[j];
            arr[j] = arr[j+1];
            arr[j+1] = temp;
        }
    }
    console.log(JSON.stringify(arr))
}

3.数组去重
ES5：

var arr = [1,2,3,2,2,2,4,4,5,8,4,2,3,7]
for(var i = 0;i<arr.length;i++){
    for(var j=i+1,len=arr.length;j<len;j++){
        if(arr[i] == arr[j]){
            arr.splice(j,1);
            j--;
            len--;
        }
    }
}
console.log(JSON.stringify(arr)) // [1,2,3,4,5,8,7]

ES6：使用数组的Set方法

var arr = [1,2,3,2,2,2,4,4,5,8,4,2,3,7]
function unique(arr){
    return Array.from(new Set(arr))
}
newArr = unique(arr)
console.log(newArr)