备忘整理: JavaScript 数组 删除 / 添加 的几种方法

数组篇 :

这里写图片描述

数组添加 :

<script>

    window.onload=function () {

        var arr1=["123","456"];


        //1push() 方法可向数组的最后添加一个或多个元素,直接修改原数组; 需要注意的是,它返回的不是数组,而是数组的新长度。

        //直接输出:
//        console.log(arr1.push("789"));  //   push后的数组length3

        //获取添加后的数组:
       arr1.push("789");

       console.log(arr1);//["123", "456", "789"]

        //2unshift()  方法可向数组的开头添加一个或多个元素,直接修改原数组,返回数组的新长度。
        //这个方法在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>

这里写图片描述

数组删除 :

<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>

这里写图片描述

数组: 可删除,可添加 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 号位置后面添加 810 两个元素


            console.log(arr5);      //输出 ["2", "4", "6", "8", "10"]
</script>

这里写图片描述

猜你喜欢

转载自blog.csdn.net/freedomVenly/article/details/80228377