数组的应用

1、数组的声明

首先必须声明数组变量，才能在程序中使用数组。下面是声明数组变量的语法：

<script>

        // 声明数组

        let array = ['张三','李四','王五','赵六']

        // 数组取值 取下标

        console.log(array); // ['张三','李四','王五','赵六']

        // 数组的长度 长度从1开始

        console.log(array.length); // 4

        // 数组的遍历

        for(let i = 0; i < array.length; i++) {

            console.log(array[i]); // 取所以值 ['张三','李四','王五','赵六']

            console.log(array[2]); // 王五 索引从0开始

        }

    </script>

2、数组的增删改查

 <script>

        let array = [1,2,3,4]

        array.push(5)

        console.log(array); // [1, 2, 3, 4, 5]

        array.unshift(0)

        console.log(array); // [0, 1, 2, 3, 4, 5]

        // 数组删除

        array.pop()

        console.log(array); // [0, 1, 2, 3, 4]

        array.shift()

        console.log(array); // [1, 2, 3, 4]

        //删除指定元素

        //数组名.splice(start,deleteCount)开始的下标 删除的数量

        //第一个值：起始位置，从0开始 第二个值：要删除的数量

        array.splice(2,1)

        console.log(array); // [1, 2, 4]

        //数组的赋值(改)

        array[0] = '郭富城'

        console.log(array); // ['郭富城', 2, 4]

        array[2] = '张学友'

        console.log(array); // ['郭富城', 2, '张学友']

    </script>

3、拓展运算符

<script>

        // 扩展运算符

        // 对象遍历的一种简写模式

        let person = {

            name:'langs',

            age:18,

            sex:'男'

        }

         

        let obj = {

            heingt:'175cm',

            weight:'135kg',

            score:100

        }

         let monitor = {

            ...person,

            ...obj,

            happy:'listen music'

         }

         console.log(monitor); //{name: 'langs', age: 18, sex: '男', heingt: '175cm', weight: '135kg', …}

4、数组中使用扩展运算符

 <script>

        //连接两个数组

        let arr1 = [1,2,3]

        let arr2 = [4,5,6]

        let arr3 = arr1.concat(arr2)

        console.log(arr3); //[1, 2, 3, 4, 5, 6]

        //es5写法 拓展运算符

        let arr4 = [...arr1,...arr2,7]

        console.log(arr4); //[1, 2, 3, 4, 5, 6,7]

        //求最大值最小值

        let arr5 = [33,60,10,48,27]

        //es5写法  

        //利用apply传参自动遍历arr，逐个传参

        let max1 = Math.max.apply(Math,arr5)

        console.log(max1); // 60

        // es6写法

        let max = Math.max(...arr5)

        console.log(max); // 60

    </script>

5、箭头函数的基本用法

<script>

        //箭头数其实就是function关键词的简写形式

        //将function关键字用=>符号代芦

        //1.无参无返回值

        //ES5

        let fn  = function () {

        console.log('111'); //111

        }

        fn()

        //Es6(function变成箭头符号=>；形参括号写在箭头左边)

        let fn1 = () =>{

        console.log('222');//222

        }

        fn1()

       

        //2.有参有返回值

        //ES5

        let add  = function(a,b){

        return a + b

        }

        console.log(add(10,20));//30

        // ES6

        let add1  = (a,b)=> {

            return a + b

        }

       

        console.log(add1(100,280));//300

        </script>