数组常用方法

Object对象

数组对象

属性和方法

       var arr = [10,20,30]
       arr.length 属性

方法

       1. push
           => arr.push(40)  //push方法
           => 向数组追加元素

       2. pop
           => arr.pop() // 删除数组后面元素
       3. unshift
            =>arr.unsift()  //数组前面添加元素
        4. shift
            =>arr.shift  //删除数组最前面元素
        5. splice(下标,元素个数)
             => arr.splice(1,2)
        6. reverse()
             =>反转数组元素  [1,2,3] -> [3,2,1]
             

splice

        var arr = [10, 20, 30]
        arr.splice(1, 1, 50)
        console.log(arr)
        //删除替换
		//两个参数，下标，删除几个
		//三个参数，下标，删除几个，需要替换的值
    </script>
    --------------------------------------------------------
    <script>
        var arr = [10, 20, 30]
        arr.splice(1, 1)
        console.log(arr)
        //删除替换
		//两个参数，下标，删除几个
		//三个参数，下标，删除几个，需要替换的值
    </script>

sort排序

        var arr1 = [2, 3, 1]
        arr1.sort() //默认排序规则，按照字符编码unicode码
        console.log(arr1)
        console.log('==================')
        var arr2 = [17, 20, 41, 14, 100]
        arr2.sort()
        console.log(arr2)

        console.log('------------')
        var arr3 = [17, 20, 41, 14, 100]
        // 排序函数
        var fun = function (a, b) {
            if (a < b) {
                // 负数升序排序， 正数降序
                return -1
            }
            if (a > b) {
                return 1
            }
            if (a == b) {
                return 0
            }
        }
        arr3.sort(fun)
	console.log(arr3)
    </script>

concat连接数组返回一个新数组

<script>
        var arr4 = [1, 2, 3]
        var arr6 = arr4.concat([4, 5, 6])
        console.log(arr6)
</script>

join数组转字符串

<script>
       var arr7 = [1,2,3]  // -> 1-2-3
            var str = arr7.join('')
            console.log('str ',str)
</script>

通过-连接字符串

<script>
       var arr7 = [1,2,3]  // -> 1-2-3
            var str = arr7.join('-')
            console.log('str ',str)
</script>

slice，切片左闭右开

<script>
        //切片，左闭右开
        var arr = ['html', 'css', 'javascript', 'vue', 'react']
        //          0         1        2           3      4
        //                    -4      -3           -2     -1
        var newArr1 = arr.slice(3)
        //1值，值后全部切片
        var newArr2 = arr.slice(1, 3)
        var newArr3 = arr.slice(-4, 2)
        console.log(newArr1)
        console.log(newArr2)
        console.log(newArr3)
</script>

include与index

            var arr = [10,20,30,40]
              //        0  1  2  3
            var index = arr.indexOf(300)
            console.log('index ',index); // 如果元素不存在，返回-1
			//查找的是值，不是下标
                        // 判断数组是否有某个元素
            console.log( arr.includes(200));

            if(arr.indexOf(30) == -1){
                console.log('30不存在数组中');
            }else{
                console.log('30存在数组中');
            }