数组Arrary的常用方法

1、数组的常用方法

1. concat()：合并两个数组

var arr = [1,2,3,4,5,6,6];
        var arr1 = [3, 4, 5];
        var arr2 = [4, 5, 6];
        var arr3 = [8, 9, 0];
        var arr4 = ["w", "n", "q"];
        console.log(arr);
        console.log(arr1);
        console.log(arr2);
        console.log(arr3);
        console.log(arr4);
        
        var myarr = arr1.concat(arr2);
        console.log(myarr)；

2. reverse()：将数组元素顺序反转

var myarr = arr.reverse();
        console.log(myarr)；
        console.log(typeof myarr)；

3. join()：将数组转换成字符串 默认元素之间用“，”链接

var myarr = arr1.join();
        console.log(myarr)；
        console.log(typeof myarr)；

4. tostring：将数组转换成字符串

var myarr = arr.toString();
        console.log(myarr)；
        console.log(typeof myarr)；

5. pop()：删除数组最后一个元素

arr4.pop();
console.log(arr4)；

6. push()：在数组最后面添加 一个或者多个 元素

arr4.push("A","B");
console.log(arr4)；

7. unshift()：在数组最前面添加 一个或者多个 元素

arr4.unshift("Y");
console.log(arr4);

8. （1）. slice()：数组切割：如果 arr.slice(s)只有一个参数 该参数代表开始的下标值

var myarr = arr.slice(1);
        console.log(myarr)；
        console.log(typeof myarr)；

（2）. slice()：数组切割：如果 arr.slice(-s，-e)参数为负数时，表示从数组最后往前分割（截取）  -1 表示最后一位 -2表是倒数第二位

var myarr = arr.slice(-2,-1);
       console.log(myarr)；
        console.log(arr)；
        console.log(typeof myarr)；

9. （1）. splice()：数组的增删改操作：数组名称.splice(i,num);

var myarr = arr.splice(1,2);
       console.log(myarr)；
       console.log(typeof myarr)；

 （2）. splice()：arr.splice(i,num,"item","item");当有两个以上参数时： 操作原数组  i：代表 下标  num：代表个数   item：代表新增元素（原数组新增）   会改变原数组 ；      返回值是一个新的数组 ： 新数组的元素为原数组切割出来的元素组成

var myArr = arr.splice(1,2,777,999);
        console.log(myArr);
        console.log(arr);

10. indexof()：检查数组里是否存在某一个元素 arr.indexOf(item);

var myArr = arr.indexOf(6);
          console.log(myArr);
var myArr = arr.lastIndexOf(6);
          console.log(myArr);

数组的迭代方法，高阶函数

1. forEach()：用来遍历数组类数组的集合

let arr = [1,3,'张三','hello'];

    arr.forEach((item,index) => {
        console.log(index + ":" + item);
    });

    let cheks = document.querySelectorAll("input");
    cheks.forEach(currentItem => {
        console.log(currentItem);
    });
    console.log([...cheks]);
    var result = [...cheks].every( item => {
        return item.checked;
    });
    console.log(result);

2. map()：返回符合条件的元素组成的新数组

let arr2 = [1,2,3,4,5];

    // let arr3 = arr2.map(function(item){
    //     return item + 1;
    // });

    // let arr3 = arr2.map((item) => {
    //     return item + 1;
    // });

    let arr3 = arr2.map(item => item + 1);
    console.log(arr3);

3. fillter()：返回让条件为true的元素组成的数组

let arr4 = [1,2,3,4,5];
    let arr5 = arr4.filter((item) => {
        return item > 3;
    });
    console.log(arr5);

4. some()：有一个让条件为true则返回true

let arr6 = [11,2,51,4,45];
    let result2 = arr6.some((item) => {
        return item > 50;
    });
    console.log(result2);

5. every()：所有的元素让条件为true则返回true有一个为假则为假）

let arr7 = [11,2,51,4,45,0];
    let result3 = arr7.every(item => item > 0);
    console.log(result3);

6. reduce()：实现累加效果

let sum = arr8.reduce( (now,total) => {
        console.log(now,total);
        return now + total;
    });
    console.log(sum);