js中 数组常用方法

1.push()方法和pop()方法

push()在原数组末尾添加元素 可以添加多个 返回新数组

 <script>
        let arr = [0, 1, 2]
        arr.push(3)
        console.log(arr);   // [0,1,2,3]
 </script>

pop()删除数组中最后一个元素   返回新数组

  	 <script>
     	   let arr = [0,1,2]
      	  arr.pop()
     	   console.log(arr); //[0,1]
 	 </script>	

2.unshift()方法和shift()方法

unshift()是在数组开头添加元素 返回新数组

   <script>
        let arr = [0,1,2]
        arr.unshift(3)
        console.log(arr);  // [3,0,1,2]
   </script>

shift() 在数组的开头删除  返回删除的

 <script>
 		let arr2 = [1,2,3]
        arr2.shift()
        console.log(arr2); // [2,3]
  <script>

3.splice()方法

splice(1,3) （从第几个下标开始，删除几个）
splice（1,0，10）（从第几个下表开始，删除几个，添加的元素）
splice（1,0，11,22）(从第几个下标开始，删除几个，添加元素1，添加元素2)

    <script>
        let arr1 = [1,2,3,4,5]
        arr1.splice(1,3)
        console.log(arr1); // [1,5]

        let arr2 = [1,2,3,4,5]
        arr2.splice(1,0,10)
        console.log(arr2); //[1,10,2,3,4,5]

        let arr3 = [1,2,3,4,5]
        arr3.splice(1,0,11,22)
        console.log(arr3);//[1,11,22,2,3,4,5]
    </script>

4.sort()方法

sort()对数组进行排序  返回新素组

	 <script>
        let arr = [1,3,9,8,4,1,3]
        arr.sort()
        console.log(arr);  // [1,1,3,3,4,8,9]
    </script>

5.slice()方法

slice()截取数组 （开始的位置，结束的位置 ） 包含开始 不包含结束  返回截取到的数组

    <script>
        let arr = [1, 2, 3, 4, 5]
        arr.slice(2, 4)
        console.log(arr.slice(2, 4)); // [3,4]
    </script>

6.join()方法

join()方法 将数组转为字符串 

    <script>
        let arr = [1,2,3,4,5]
        console.log(arr.join("-"));//[1-2-3-4-5]
        console.log(arr.join(","));//[1,2,3,4,5]
    </script>

7.conccat()方法

concat()方法 将两个数组拼接到一块

    <script>
        let arr1 = [1,2,3]
        let arr2 =[4,5,6]
        console.log(arr1.concat(arr2)); // [1,2,3,4,5,6]
    </script>

8.includes()方法

includes() 判断数组中是否包含当前元素  包含返回true 不包含返回false

    <script>
        let arr = [1,2,3,4,5,6]
        console.log(arr.includes(2)); // true
        console.log(arr.includes(10)); // false
    </script>

9.indexOf()方法

indexOf()方法 检测当前元素在数组中的位置  有的话返回下标 没有返回-1

    <script>
        let arr = [1,2,3,4,5,6]
        console.log(arr.indexOf(2)); // 1
        console.log(arr.indexOf(10)); // -1
    </script>

10.lastIndexOf()

lastIndexOf() 同indexOf()方法 从后往前开始检测

11.reverse()

reverse()倒序

    <script>
        let arr = [1,2,3,4,5,6]
        arr.reverse()
        console.log(arr);// [6,5,4,3,2,1]
    </script>