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>
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 200,527评论 5 470
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 84,314评论 2 377
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 147,535评论 0 332
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,006评论 1 272
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,961评论 5 360
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,220评论 1 277
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,664评论 3 392
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,351评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,481评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,397评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,443评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,123评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,713评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,801评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,010评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,494评论 2 346
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,075评论 2 341

推荐阅读更多精彩内容

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