javaScript中Array(数组)的splice函数

野性酷女 2022-11-06 08:58 233阅读 0赞

[JavaScript splice() 方法][JavaScript splice_]

[JavaScript中splice()函数][JavaScript_splice]

**直接上代码和截图**

<!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>javaScript中Array(数组)的splice函数</title>
    <script type="text/javascript">
    var names = ['韦小宝', '令狐冲', '张无忌', '杨过', '段誉'];
    console.log(names);
    console.log("*************************");
    //数组中添加新元素
    names.splice(2, 0, '乔峰', '虚竹', '郭靖');
    console.log(names);
    console.log("*************************");
    names.splice(3, 2, '穆念慈', '黄药师', '周伯通');
    console.log(names);
    console.log("*************************");
    var names2 = ['小龙女', '任盈盈'];
    names.splice(4, 0, names2);
    console.log(names);
    console.log("*************************");
    
    var fruits = ['苹果', '香蕉', '葡萄', '赣南脐橙', '枣子', '西瓜'];
    console.log(fruits);
    //如果仅删除一个元素，则返回一个元素的数组。 如果未删除任何元素，则返回空数组。
    //删除2个，返回删除掉的这2个元素(是以数组的形式返回)
    console.log(fruits.splice(4, 2));
    console.log(fruits);
    //删除0个，返回空数组
    console.log(fruits.splice(1, 0));
    console.log(fruits);
    //删除从下标1开始到原数组结尾的元素
    console.log(fruits.splice(1));
    console.log(fruits);
    
    //splice()方法向/从数组中添加/删除元素，然后返回被删除的元素(是以数组的形式返回)
    //splice()函数返回的是包含被删除元素的新数组
    //splice()方法会改变原始数组
    //数组的splice()函数的返回值是刚才被你删除的元素的数组(即返回的是含有刚才被你删除的元素的数组)
    //数组的splice()函数返回的是含有被删除的元素的数组
    var citys = ['于都县', '兴国县', '赣县', '会昌县', '上犹县', '信丰县'];
    console.log(citys);
    //从下标1开始删除元素，并且删除3个元素，所以兴国县、赣县、会昌县这3个元素删除了
    console.log(citys.splice(1, 3));//Array(3) [ "兴国县", "赣县", "会昌县" ]
    console.log(citys);//Array(3) [ "于都县", "上犹县", "信丰县" ]
    console.log("*************************");
    
    var roleNames = ['郭靖', '黄蓉', '穆念慈', '杨康', '洪七公', '黄药师'];
    console.log(roleNames);//Array(6) [ "郭靖", "黄蓉", "穆念慈", "杨康", "洪七公", "黄药师" ]
    //从数组下标为2的位置开始，删除3个元素，并在下标为2的位置上添加新元素
    roleNames.splice(2, 3, '欧阳峰');
    console.log(roleNames);//Array(4) [ "郭靖", "黄蓉", "欧阳峰", "黄药师" ]
    console.log("*************************");
    //
    var roles = ["张无忌", "周芷若", "赵敏", "小昭", "殷素素", "张翠山"];
    console.log(roles);
    //从下标为3的位置开始删除,并且删除2个元素
    roles.splice(3,2);
    console.log(roles);
    //使用负数可从数组结尾处规定位置
    roles.splice(-2,0,'谢逊');
    console.log(roles);//Array(5) [ "张无忌", "周芷若", "谢逊", "赵敏", "张翠山" ]
    </script>
    </head>
    <body>
    <h2>javaScript中Array(数组)的splice函数</h2>
    </body>
    </html>

**运行结果如下：**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6aDUwMA_size_16_color_FFFFFF_t_70][]

![20210308220536441.png][]

[JavaScript splice_]: https://www.runoob.com/jsref/jsref-splice.html
[JavaScript_splice]: https://www.w3school.com.cn/jsref/jsref_splice.asp
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6aDUwMA_size_16_color_FFFFFF_t_70]: /images/20221023/1967d241599e418ab1a59cf9d66c23c7.png
[20210308220536441.png]: /images/20221023/04cc37dcfe2f40ef8b9cc11558775824.png