JS数组中新增元素的方法

最新推荐文章于 2024-04-25 00:00:00 发布

Hello^_^Monkey

最新推荐文章于 2024-04-25 00:00:00 发布

阅读量1k

点赞数 1

分类专栏： javascript 面试题文章标签： javascript js数组

本文链接：https://blog.csdn.net/weixin_48010432/article/details/122848791

版权

javascript 同时被 2 个专栏收录

10 篇文章 1 订阅

订阅专栏

面试题

7 篇文章 3 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 方式1 不会影响原数组 concat()
        let arr = [1, 2, 3, 4]
        let arr2 = arr.concat(5, [6, 7])
        console.log(arr); //[1,2,3,4]
        console.log(arr2); //[1,2,3,4,5,6,7]

        // 方式2 push()  末尾添加 返回的是数组最新的长度 会影响原数组
        let brr1 = []
        let brr2 = brr1.push(4, 5, 6)
        console.log(brr1); //[4,5,6]
        console.log(brr2); //返回数组的最新长度 3

        //方式3 unshift() 首部添加 返回新的数组长度  会影响原数组
        let crr1 = [1, 2, 3]
        let crr2 = crr1.unshift(4, 5, 6)
        console.log(crr1); // [4,5,6,1,2,3]
        console.log(crr2); //6

        //方式4 spice('开始位置'，'要删除的元素数量'，'要插入的元素')
        let drr1 = [1, 2, 3]
        let drr2 = drr1.splice(0, 0, 4, 5, 6)
        console.log(drr1); //[4, 5, 6, 1, 2, 3]
        console.log(drr2); //返回 []
    </script>

</body>

</html>