JavaScript之数组操作的增删改查总结概述

155 阅读2分钟

数组操作的增删改查

一、数组查询

查询 数组取值(查) 数组名[下标]

如果下标存在, 则是获取元素的值

如果下标不存在,则是获取undefined

        let arr = [40, 100, 30, 70, 200]
        console.log(arr[1]) // 100
        console.log(arr[8]) // undefined

二、修改数组

修改 数组名[下标] = 值

如果下标存在,则是修改元素

如果下标不存在,则是新增元素

        let arr = [40, 100, 30, 70, 200]
        arr[0] = 500
        console.log(arr) //(5) [500, 100, 30, 70, 200]
        arr[6] = 600
        console.log(arr) //(6) [500, 100, 30, 70, 200, 600]

三、新增元素

1.push向数组末尾新增元素(可以一次添加一个或多个)返回数组新长度

2.unshift向数组开头新增元素(可以一次添加一个或者多个)返回数组新长度

        let arr = [28, 45, 90, 37, 59]
        // 1 新增 数组名.push(元素)
        arr.push(800)
        console.log(arr) //(6) [28, 45, 90, 37, 59, 800]
        //  可以添加多个
        arr.push(22, 33, 44)
        console.log(arr) //(9) [28, 45, 90, 37, 59, 800, 22, 33, 44]// 2 数组名.unshift(元素)
        // unshift有返回值 返回数组新长度
        arr.unshift(1000)
        console.log(arr) //(10) [1000, 28, 45, 90, 37, 59, 800, 22, 33, 44]

四、删除元素

1.pop删除最后一个单元

2.shift删除第一个单元

3.splice动态删除任意单元

        let arr = ['后羿', '虞姬', '鲁班', '蒙犽', '孙尚香']
        // 1.数组名.pop():删除最后一个元素 返回删除元素的值  更改数组的长度
        arr.pop()
        console.log(arr) //(4) ['后羿', '虞姬', '鲁班', '蒙犽']
        // 2.数组名.shift():删除第一个元素
        arr.shift()
        console.log(arr) //['虞姬', '鲁班', '蒙犽']
        // 3.数组名.splice(下标,数量):从指定下标开始删除元素
        let arr1 = ['妲己', '甄姬', '小乔', '王昭君', '貂蝉']
        // 删除指定元素 是从下标1的位置开始删除,只删1个
        /*         arr1.splice(1, 1)
                console.log(arr1) //(4) ['妲己', '小乔', '王昭君', '貂蝉'] */
        //从下标1开始删除到最后
        arr1.splice(1) 
        console.log(arr1) // ['妲己']

\