JS之数组方法

常规方法
toString() 把数组转换为数组值（逗号分隔）的字符串。在需要原始值的时候，JS会自动把数组转换为字符串。
join(param) 和toString相似，区别在于以param作为分隔符

增删改
pop() 删除最后一个元素，返回被删除的值
push() 在最后增加一个元素，返回新数组的长度
shift() 删除首个数组元素，并将后面的元素前移，返回被删除的元素
unshift() 在数组的开头添加新元素，整个数组后移，返回新数组长度
arr[index] = newValue 数组index索引对应值的修改
arr[arr.length] = newVal 数组末尾追加新元素
delete arr[index] 清空指定索引对应的元素，会在数组留下未定义的空洞，不建议使用。

拼接数组

splice(index，num，[param1]，[]...)  从index位置，删除num个元素，并插入param1，param2等元素
//在索引为2开始插入两个元素
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");
//删除索引下标为2开始的两个元素，并拼接
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 2, "Lemon", "Kiwi");
//删除元素
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);        //删除 fruits 中的第一个元素

concat(arr1, arr2)
合并多个数组元素返回一个新的数组

var arr1 = ["Cecilie", "Lone"];
var myChildren = arr1.concat(["Emil", "Tobias", "Linus"]); 

slice(index1,[index2])
裁剪从index索引位置开始到index2（不包含index2）之间的数组并返回一个新的数组

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1);  //"Orange", "Lemon", "Apple", "Mango"

数组排序
**sort()**
将数组元素按字母书序排序，会直接影响原数组的顺序
**reverse()**
反转数组中的元素，会直接影响原数组的顺序
扩展：sort()函数支持自定义比较函数，方便支持除了按照字母顺序进行排序之外，还可以支持其他的方式，具体如下：

var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return a - b});  //按数字的从小到大的顺序排序，得出的结果为[1, 5, 10, 25, 40, 100]
points.sort(function(a, b){return b - a});  //从大到小的顺序排序
points.sort(function(a, b){return 0.5 - Math.random()});  //按随机顺序排序
Math.max.apply(null, arr); //获取数组的最大值
Math,min.apply(null, arr); //获取数组的最小值

手动获取最大值、最小值

function myArrayMax(arr) {
    var len = arr.length
    var max = -Infinity; // -无穷大
    while (len--) {
        if (arr[len] > max) {
            max = arr[len];
        }
    }
    return max;
}

function myArrayMin(arr) {
    var len = arr.length
    var min = Infinity;
    while (len--) {
        if (arr[len] < min) {
            min = arr[len];
        }
    }
    return min;
}

数组遍历
for循环

使用临时变量，将长度缓存起来，避免重复获取数组长度，当数组较大时优化效果才会比较明显。

for(j = 0,len=arr.length; j < len; j++) {
    
}

foreach循环
遍历数组中的每一项，没有返回值，对原数组没有影响，不支持IE

//1 没有返回值
arr.forEach((item,index,array)=>{
    //执行代码
})
//参数：value数组中的当前项, index当前项的索引, array原始数组；
//数组中有几项，那么传递进去的匿名回调函数就需要执行几次；

map循环
map的回调函数中支持return返回值；return的是啥，相当于把数组中的这一项变为啥（并不影响原来的数组，只是相当于把原数组克隆一份，把克隆的这一份的数组中的对应项改变了）

javascript
arr.map(function(value,index,array){
　　//do something
　　return XXX
})

var ary = [12,23,24,42,1]; 
var res = ary.map(function (item,index,ary ) { 
    return item*10; 
}) 
console.log(res);//-->[120,230,240,420,10];  原数组拷贝了一份，并进行了修改
console.log(ary);//-->[12,23,24,42,1]；  原数组并未发生变化

forof遍历
可以正确响应break、continue和return语句

for (var value of myArray) {
console.log(value);
}

filter遍历
不会改变原始数组,返回新数组

var arr = [
  { id: 1, text: 'aa', done: true },
  { id: 2, text: 'bb', done: false }
]
console.log(arr.filter(item => item.done))

// 转为ES5
arr.filter(function (item) {
  return item.done;
});

var arr = [73,84,56, 22,100]
var newArr = arr.filter(item => item>80)   //得到新数组 [84, 100]
console.log(newArr,arr)

every遍历
every()是对数组中的每一项运行给定函数，如果该函数对每一项返回true,则返回true。

var arr = [ 1, 2, 3, 4, 5, 6 ]; 
console.log( arr.every( function( item, index, array ){ 
        return item > 3; 
    })); 
false

some遍历
some()是对数组中每一项运行指定函数，如果该函数对任一项返回true，则返回true。

var arr = [ 1, 2, 3, 4, 5, 6 ]; 
   
    console.log( arr.some( function( item, index, array ){ 
        return item > 3; 
    })); 
true

总结参考：https://www.w3school.com.cn/js/index.asp