JavaScript内置对象之数组方法笔记1删除与添加元素集合（新人篇）

 

删除方法一：arrobj.pop()  

从数组的尾部删除一个元素，删除一个，以此类推！

返回值：所删除的元素！

<script>
    var arr = ["1","3","hello"] //构建数组
    arr.pop()//删除尾部最后一个元素
    console.log(arr);//控制台输出
</script>

//删除后得到一个新数组["1","3"]
//最后一个元素"hello"被删除了，那么同时arr.pop()的返回值就是删掉的元素"hello"

删除方法二：arr.shift()

从数组的头部删除一个元素！调用一次，删除一个，以此类推！

<script>
    var arr = ["1","3","hello"] //构建数组
    arr.shift()//删除头部最后一个元素
    console.log(arr);//控制台输出

    //删除后得到一个新数组["3","hello"]
//第一个元素"1"被删除了，那么同时arr.shift()的返回值就是删掉的元素"1"
</script>

添加方法一：arrObj.push（元素1，元素2，...)

把元素添加到数组的尾部，多个元素之间用逗号隔开

返回值：新数组的长度

<script>

    var arr = ["1","3","hello"] //构建数组

    arr.push("你好",1,"我不好")//添加元素至数组之中，元素之间用逗号隔开

    console.log(arr);//控制台打印数组



    //增加的元素在原数组的尾部进行添加

    //arr.push的返回值是新数组的长度，原数组的长度为3，增加三个元素后，新数组的长度为6 

</script>

 添加方法二：arr.unshift(元素1，元素2，...)

把元素添加到数组的头部

返回值：新数组的长度

<script>
    var arr = ["1","3","hello"] //构建数组
    arr.unshift("你好",1,"我不好")//添加元素至数组之中，元素之间用逗号隔开
    console.log(arr);//控制台打印数组

    //增加的元素在原数组的头部进行添加
    //arr.unshift的返回值是新数组的长度，原数组的长度为3，增加三个元素后，新数组的长度为6
</script>

通用：数组的删除/添加arrobj.splice(参数1，参数2，参数3，...)

参数1：必须添加  删除/添加位置，取值[0,arr.length] ,可以为负值（-1代表数组中最后一个元素，以此类推）

参数2：必须添加  删除元素的个数

参数3：可以添加也可以省略不写     添加的元素，多个元素用逗号隔开，若不添加新元素，则省略不写！

返回值：删除的元素构成的数组，每个删除的元素都是一个新数组哟！

<script>
    var arr = ["1","3","hello",2] //构建数组
   arr.splice(2,1,"nohello")
//2代表的是删除的位置，在下标为2的位置，也就是删除字符串"hello"
//1代表的是删除的元素个数，只删除一个，后面的数值2，并不受影响
//"nohello"就是删除掉"hello"后在下标为2的位置上添加"nohello"
console.log(arr);//控制台输出
//此时得到的新数组为["1", "3", "nohello", 2]
    </script>

有问题欢迎留言！感觉有用就收藏吧！