备忘整理： JavaScript 数组删除 / 添加，拼接的几种方法

爱被打了一巴掌 2022-05-25 03:38 177阅读 0赞

## 数组篇 ： ##

![这里写图片描述][70]

### 数组添加 : ###

<script>
    
        window.onload=function () {
           
            var arr1=["123","456"];
    
    
            //1、push() 方法可向数组的最后添加一个或多个元素，直接修改原数组； 需要注意的是，它返回的不是数组，而是数组的新长度。
    
            //直接输出：
    //        console.log(arr1.push("789"));  //   push后的数组length 为3
    
            //获取添加后的数组：
           arr1.push("789");
    
           console.log(arr1);//["123", "456", "789"]
    
            //2、unshift()  方法可向数组的开头添加一个或多个元素，直接修改原数组，返回数组的新长度。
            //这个方法在IE下有些兼容性的问题，需注意
            //每次提到IE都想倡导一遍：  全民抵制IE了 ！！！
    
            var arr2=['lady','harry'];
    
            arr2.unshift('tom');
    
            console.log(arr2);  //["tom", "lady", "harry"]
    
    
            //3、concat() 方法用于连接两个或多个数组。
            console.log(arr1.concat(arr2));     //直接把上面两个数组拼成一个  输出：["123", "456", "789", "tom", "lady", "harry"]
    //
    //        //也可以同时连接多个数组
    //        var arr3=["aa","ff"];
    //        console.log(arr3.concat(arr1,arr2));   //["aa", "ff", "123", "456", "789", "tom", "lady", "harry"]
    
    
        }
    
    </script>

![这里写图片描述][70]

### 数组删除 : ###

<script>
        window.onload=function () {
          
            //1、pop()  删除并返回数组的最后一个元素。
            var arrDel=["12","34","56"];
            console.log(arrDel.pop());   //输出数组的最后一个 ： 56
    
            console.log(arrDel);        //需注意，这时的arrDel  已经被删掉了一个元素 只剩下 ["12", "34"]
    
            //2、shift()  与上面pop相反， 是把数组的第一个元素从中删除，并返回第一个元素的值。
            var arrDel2=["12","34","56"];
    //
    //        console.log(arrDel2.shift());       //输出数组的第一个元素 ： 12
    //
            console.log(arrDel2);        //同上  此时的arrDel2  也已经被删掉了一个元素 只剩下 ["34", "56"]
    
    //        //3、slice()  从数组中返回选定的元素。
            var arrDel3=["12","34","56","78"];
            
            console.log(arrDel3.slice(0,2));        //从第0个位置开始截取，到2号位置元素截止 （！需要注意的是并不包含2号位置的元素）
    //                //所以输出的是  ：  ["12", "34"]    只是第0个元素  与  第1个元素  的数据
    //
    //        console.log(arrDel3);       //slice()函数相当于只是把要获取的内容复制了一份出来，并没有影响原来的数组，所以这里输出还是  ["12", "34", "56", "78"]
    
    
    </script>

![这里写图片描述][70]

### 数组: 可删除，可添加 API: ###

splice() 可删除，可添加 (说是删除，个人感觉用剪切这个词来形容更好一些)

语法 ： array.splice(位置,数量,元素1，元素2)； //元素1 和 元素2 可不填，不填默认是删除功能，填写就是添加功能；

<script>    
        //先来说一下删除：
                var arr4=["1","3","5"];
    
                console.log(arr4.splice(1,2));      //返回的是从1号位置起被截取的2个元素 ：  ["3", "5"]
    
                console.log(arr4);      //此时，原来的数组就只剩下 ["1"] 了;
    
    
    //    再来是添加
                var arr5=["2","4","6"];
    
                arr5.splice(3,0,"8","10");  //在3 号位置后面添加 8 和 10 两个元素  中间那个0，是要删除的数量。如果设置为 0，则不删除
    
    
                console.log(arr5);      //输出 ["2", "4", "6", "8", "10"]
    </script>

splice 详情： https://www.w3school.com.cn/jsref/jsref\_splice.asp

![这里写图片描述][70 1]

[70]: /images/20220525/8c6217b3e445431ea1b452bb1fc5e115.png
[70 1]: /images/20220525/77257dccafec42aa9338b09cd3141760.png

发表评论取消回复

表情：

评论列表（有 0 条评论，177人围观）

还没有评论，来说两句吧...

相关阅读

相关备忘

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2R1NTAw

ゝ一世哀愁。/ 2022年12月16日 12:00/ 0 赞/ 323 阅读

相关 javascript数组去重的几种方法

数组去重数组（包含对象等类型元素）去重解决思路不产生新数组，删除数组里的重复元素排序去重优化产生一个新

àì夳堔傛蜴生んèń/ 2022年10月25日 04:41/ 0 赞/ 223 阅读

相关 git小知识整理：（备忘）

git reset和git revert的区别：核心思想就是，git reset是回滚到某一个commit 而git revert是回滚某一个commit，

骑猪看日落/ 2022年10月18日 15:53/ 0 赞/ 173 阅读

相关 23个常用的JavaScript 字符串方法备忘清单

![de62fcddcba28faf6009e567497d01b0.png][] 英文 | https://sahinur.medium.com/javascript-s

- 日理万妓/ 2022年09月10日 13:30/ 0 赞/ 234 阅读

相关数组常用的方法（备忘）

1.push()向数组的末尾插入数组元素 var arr = new Array(5); 返回值是数组改变之后的长度 var ret = arr.pu

Bertha 。/ 2022年06月06日 11:24/ 0 赞/ 296 阅读

相关字符串常用的方法(备忘)

1.字符方法 // charAt(index)获取下标为 index 的字符 var str = "abcdefg"; var res = str

谁借莪１个温暖的怀抱￠/ 2022年06月05日 00:46/ 0 赞/ 393 阅读

相关备忘整理： JavaScript 字符串截取 / 切割 / 拼接的几种方法 / js判断字符串长度

长时间的不写某部分代码还真挺容易忘记的，做一些备忘，以后可以直接复制着用了。 ![这里写图片描述][70] 字符串切割 : <script>

比眉伴天荒/ 2022年05月27日 09:49/ 0 赞/ 263 阅读

相关备忘整理： JavaScript 数组删除 / 添加，拼接的几种方法

数组篇： ![这里写图片描述][70] 数组添加 : <script> window.onload=function () {

爱被打了一巴掌/ 2022年05月25日 03:38/ 0 赞/ 178 阅读

相关 git 常用整理备忘

在windows先下载安装git。地址：[https://www.git-scm.com/download/][https_www.git-scm.com_download]!

今天药忘吃喽~/ 2022年04月08日 15:47/ 0 赞/ 263 阅读

相关 route添加删除备忘

方法1、 \\\\\\\\\\\\\\\\\\\\router\\\\\\\\\\\\\\\\\\\\ \ route del -net 192.168.0.0 ne

迈不过友情╰/ 2022年03月29日 15:52/ 0 赞/ 137 阅读