14-数组的方法

创建一个数组

1  push()
1 . push()
  • 该方法可以向数组的末尾添加一个或多个元素,并返回数组的新的长度
    -可以将要添加的元素作为方法的参数传递,这样这些元素将会自动添加到数组的末尾
    -该方法会将数组新的长度作为返回值返回
    var arr = ["白龙马","孙悟空","猪八戒","沙悟净","金蝉子"]
    var a=  arr.push('白骨精','狐狸精');
    console.log(arr.length,a);
    console.log(arr);
图一.jpg
打印的时候也会执行函数
    var arr = ["白龙马","孙悟空","猪八戒","沙悟净","金蝉子"]
    arr.push('白骨精','狐狸精');
    console.log(arr.length,arr.push('白骨精','狐狸精'));
    console.log(arr);
图二.jpg
 2   pop()
2 . pop()
  • 该方法可以删除数组的最后一个元素,并将被删除的元素作为返回值返回
        var arr = ["白龙马","孙悟空","猪八戒","沙悟净","金蝉子"]
        var a =  arr.pop()
        console.log(arr,a)
图三.jpg

3 . unshift()

  • 向数组开头添加一个或多个元素,并返回新的数组长度
    -向前边插入元素以后,其他的元素索引会依次调整
      var arr = ["白龙马","孙悟空","猪八戒","沙悟净","金蝉子"]
      arr.unshift('白骨精','狐狸精')
      console.log(arr)
图四.jpg

4 . shift()

  • 可以删除数组的第一个元素,并将被删除的元素作为返回值返回
      var arr = ["白龙马","孙悟空","猪八戒","沙悟净","金蝉子"]
      arr.shift()
      console.log(arr)
图五.jpg

5 . slice()

  • 可以用来从数组提取指定元素
  • 该方法不会改变原数组,而是将截取到的元素封装到一个新数组中返回
  • 参数:
    1.截取开始的位置的索引,包含开始索引
    2.截取结束的位置的索引,不包含结束索引
  • 第二个参数可以省略不写,此时会截取从开始索引往后的所有元素
  • 索引可以传递一个负值,如果传递一个负值,则从后往前计算
    -1 倒数第一个
    -2 倒数第二个
        var arr = ["白龙马","孙悟空","猪八戒","沙悟净","金蝉子"]
        var newarr=  arr.slice(1,3)
        console.log(arr)
        console.log(newarr)
图六.jpg
6 . splice()
  • 可以用于删除数组中的指定元素
  • 使用splice()会影响到原数组,会将指定元素从原数组中删除并将被删除的元素作为返回值返回
  • 参数:
    -第一个,表示开始位置的索引
    -第二个,表示删除的数量
    -第三个及以后。。
    -可以传递一些新的元素,这些元素将会自动插入到开始位置索引前边
      var arr = ["白龙马","孙悟空","猪八戒","沙悟净","金蝉子"]
      arr.splice(1,2,"白骨精",'狐狸精',"aaa")
      console.log(arr)
图七.jpg
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript">

        //创建一个数组
        var arr = ["白龙马","孙悟空","猪八戒","沙悟净","金蝉子"]
       
        /*
         * push()
         *  - 该方法可以向数组的末尾添加一个或多个元素,并返回数组的新的长度
         *  - 可以将要添加的元素作为方法的参数传递,
         *      这样这些元素将会自动添加到数组的末尾
         *  - 该方法会将数组新的长度作为返回值返回
         */
        
        //arr.push('白骨精','狐狸精')
        
        //console.log(arr.length)
       


        /*
         * pop()
         *  - 该方法可以删除数组的最后一个元素,并将被删除的元素作为返回值返回
         */
        /*arr.pop()
        console.log(arr)*/
       
        /*
         * unshift()
         *  - 向数组开头添加一个或多个元素,并返回新的数组长度
         *  - 向前边插入元素以后,其他的元素索引会依次调整
         */
       
        //arr.unshift('白骨精','狐狸精')
        //console.log(arr)
        /*
         * shift()
         *  - 可以删除数组的第一个元素,并将被删除的元素作为返回值返回
         */
        /*arr.shift()
        console.log(arr)*/
        
              /*
         * slice()
         *  - 可以用来从数组提取指定元素
         *  - 该方法不会改变原数组,而是将截取到的元素封装到一个新数组中返回
         *  - 参数:
         *      1.截取开始的位置的索引,包含开始索引
         *      2.截取结束的位置的索引,不包含结束索引
         *          - 第二个参数可以省略不写,此时会截取从开始索引往后的所有元素
         *      - 索引可以传递一个负值,如果传递一个负值,则从后往前计算
         *          -1 倒数第一个
         *          -2 倒数第二个
         */
        
       /*   var newarr=  arr.slice(1,3)
        console.log(arr)
        console.log(newarr)*/
      



        /*
         * splice()
         *  - 可以用于删除数组中的指定元素
         *  - 使用splice()会影响到原数组,会将指定元素从原数组中删除
         *      并将被删除的元素作为返回值返回
         *  - 参数:
         *      第一个,表示开始位置的索引
         *      第二个,表示删除的数量
         *      第三个及以后。。
         *          可以传递一些新的元素,这些元素将会自动插入到开始位置索引前边
         *
         */
        
//      var arr = ["白龙马","孙悟空","猪八戒","沙悟净","金蝉子"]
//      arr.splice(1,2,"白骨精",'狐狸精',"aaa")
//      console.log(arr)
        

    </script>
</head>
<body>
</body>
</html>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 转载:在开发中,数组的使用场景非常多,平日中也涉及到很多数组的api/相关操作,一直也没有对这块内容进行一块整理总...
    七色烟火阅读 3,255评论 0 3
  • Javascript有很多数组的方法,有的人有W3C的API,还可以去MDN上去找,但是我觉得API上说的不全,M...
    顽皮的雪狐七七阅读 4,220评论 0 6
  • 首先给大家介绍javascript jquery中定义数组与操作的相关知识,具体内容如下所示: 1.认识数组 数组...
    JamHsiao_aaa4阅读 2,007评论 0 2
  • 数组总共有22种方法,本文将其分为对象继承方法、数组转换方法、栈和队列方法、数组排序方法、数组拼接方法、创建子数组...
    Sachie阅读 928评论 0 7
  • 一、数组定义 array() 1、索引数组 在一个变量中,存储一个或多个值。数组中的每一个元素都有一个访问ID,根...
    竹与豆阅读 547评论 0 0