js常用的数组方法

1. concat():连接两个或更多的数组，并返回结果

     var arr = new Array(3)
     arr[0] = 1
     arr[1] = 2
     arr[2] = 3
     console.log(arr.join())   //1,2,3
   

2. join():把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
   参数可选，指定要使用的分隔符，如果省略则默认使用逗号作为分隔符

       var arr = new Array(3)
       arr[0] = 1
       arr[1] = 2
       arr[2] = 3
       console.log(arr.join())   //1,2,3
   

3. pop():删除并返回数组的最后一个元素

   var fruits = ["Banana", "Orange", "Apple", "Mango"];
   fruits.pop();
   console.log(fruits)  // ["Banana","Orange","Apple"]
   

4. push():向数组的末尾添加一个或更多元素，并返回新的长度

   var fruits = [1,2,3];
   fruits.push(4)
   console.log(fruits )  // [1,2,3,4]
   

5. shift():删除数组的第一个元素,并返回新的长度

   var fruits = [1,2,3,4]
   fruits.shift()
   console.log(fruits)  // [2,3,4]
   

6. unshift():向数组的开头添加一个或更多元素，并返回新的长度

   var fruits = [2,3,4]
   fruits.unshift(1)
   console.log(fruits )  // [1,2,3,4]
   

7. reverse()：反转数组中元素的顺序

   var fruits = [1,2,3,4];
   fruits.reverse()
   console.log(fruits )  // [4,3,2,1]
   

8. toString():把数组转换为字符串，并返回结果。

   var fruits = [1,2,3,4];
   fruits.toString()
   console.log(fruits )  //  1,2,3,4
   

9. splice():从数组中添加或删除元素。会改变原始数组。
   参数 :

• index 规定从何处添加元素
• howmany 可选。规定应该删除多少元素。必须是数字，但可以是 “0”。
• item1, …, itemX 可选。要添加到数组的新元素

  
  var arr = [1,2,3,4]
  arr.splice(0,1)  // 在位置0处，删除一个项目
  console.log(arr) //  [2,3,4]
  
  var fruits = ["Banana", "Orange", "Apple", "Mango"];// 在位置 2，添加新项目，并删除 1 个项目
  fruits.splice(2, 1, "Lemon", "Kiwi"); // ["Banana", "Orange", "Lemon", "Kiwi", "Mango"]
  

10. slice():选取数组的的一部分，并返回一个新数组。不会改变原数组。
    参数:
    • start 可选，规定从何处开始选取。(数组下标)
    • end 可选，规定从何处结束选取。(数组下标)，结束位置不会被截取

     var arr1 = [1,2,3,4]
     console.log(arr1.slice(3)) // [4]

     var arr2 = [1,2,3,4]
     console.log(arr2.slice(1,3)) // [2,3]
     

11. map():通过指定函数处理数组的每个元素，并返回处理后的数组。

    let arr = [5,2,1,3,4]
    arr.map(value=>{
        return value*value
    })
    //  [25, 4, 1, 9, 16]
    

12. forEach()：数组每个元素都执行一次回调函数。
    可以对数组进行深拷贝,还可以添加一些判断条件

    // 定义一个临时数组
    let tempArr = []
    // 循环购物车数组，并且添加进定义的空数组
    state.shoppingCartItem.forEach(ele=>{
        tempArr.push(ele)
    })
    

13. from()：通过给定的对象中创建一个数组。

    var arr = Array.from("helloWord")
    console.log(arr)
    // ["h", "e", "l", "l", "o", "W", "o", "r", "d"]
    

14. indexOf():搜索数组中的元素，并返回它所在的位置。

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

15. includes():判断一个数组是否包含一个指定的值。

    let arr = [5,2,1,3,4]
    console.log(arr.includes(1))
    // true
    console.log(arr.includes(0))
    // false
    

16. isArray()：判断对象是否为数组。

    let arr = [5,2,1,3,4]
    console.log(Array.isArray(arr))
    // true
    

17. filter():检测数值元素，并返回符合条件所有元素的数组。

    let arr = [5,2,1,3,4]
        let index = arr.filter(item=>{
            return item>3
        })
        window.console.log(index)
        // [5, 4]
    

18. some():检测数组元素中是否有元素符合指定条件。
    • 如果有一个元素满足条件，则表达式返回true , 剩余的元素不会再执行检测。
    • 如果没有满足条件的元素，则返回false。

    let arr = [5, 2, 1, 3, 4];
    let temp = arr.some((value) => {
        return value > 6
    });
    window.console.log(temp)
    //  false