js数组

js中数组是比较常用的对象,同时js中的数组也十分的灵活。
一. 创建数组的方式

  • 字面量数组

     var arr=[1,2,3,4]
    
  • 使用Array构造函数

    var arr=new Array()//创建了一个空数组
    var arr=new Array(6)//[undefined × 6]
    arr.length//6
    用Array创建数组时,当里面的参数只有一个时,表示的是数组的长度.
    var arr=new Array(1,2,3)//[1, 2, 3]
    arr.length //3
    arr[0]  //1
    arr[1]  //2
    arr[2]  //3
    用Array创建数组时,当里面的参数不止一个时,里面的参数代表的是数组的值
    

二. 数组的属性length

  • length属性表示的是一个数组的长度,即数组中元素的个数

     数组中的每个元素都有一个索引号,而且索引号是从0开始。
     var arr=[1,2,3,4,5]
     console.log(arr.length)//5
     arr[0]// 1  数组的第一个元素,索引号从0开始。
     arr[4]//5   数组的最后一个元素,索引号为length-1;
    正是因为索引号从0开始,所以一个数组的上、下限分别为0和length-1
    
  • js中length属性是可变的

     arr.length=6//增大数组的长度
     console.log(arr.length)//6
    

三、 数组的添加和删除
(1)push():在一个数组的最后一个元素后面添加元素,这个方法会改变原数组

     var arr=[1,2,3,4]
     var newarr=arr.push(0)//在arr数组的后面加上0这个值。
     console.log(newarr)//这个输出的结果是5,因为输出的是加入0后这个数组的长度。
     console.log(arr)//[1, 2, 3, 4, 0]用push()添加元素后,原来的数组改变了

(2)pop():删除数组的最后一个元素,这个方法也会改变原数组。

  var arr=[1,2,3,4]
  var newarr=arr.pop()//删除数组的最后一个元素
  console.log(newarr)//4,返回的是要删除的这个元素的值。
  console.log(arr)//[1,2,3] 原数组改变了。

(3)unshift():向数组头部添加一个元素,会改变原数组
var arr=[1,2,3,4]
var newarr=arr.unshift(0);在数组的头部添加0这个元素。
console.log(newarr)//5,和push方法一样,返回的是改变后的数组的长度。
console.log(arr)//[0, 1, 2, 3, 4]
(4)shift():删除数组的头部元素,会改变原数组

   var arr=[1,2,3,4]
   var newarr=arr.shift()
   console.log(newarr)//1,和pop方法一样,返回的是删除的元素的值。
   console.log(arr)//[2, 3, 4]
  • 这四个方法都是用于对数组的删除和添加的,但是只能在数组的头部和尾部添加和删除,而且这四个方法都会改变原数组
    (5)splice():用于对数组的插入和删除,而且不限于在数组的尾部和首部添加和删除,同样也会改变原数组,返回一个由删除元素组成的新数组,没有删除则返回空数组

  • 当在splice(a,b)里传入两个参数时,可以实现数组元素的删除.其中a参数表示的是绝对索引值,b参数表示的是而是删除动作执行的次数。

    var arr=[1,2,3,4,5]
    arr.splice(2,3)//[3, 4, 5],返回的是由删除元素组成的新数组,splice(2,3) 表示从索引号为2的这个元素开始删除的动作执行3次,所以删除的是3,4,5,这几个元素。
    console.log(arr)//[1,2]

  • 当在splice(a,b,val)中传入三个参数时,可以实现数组的插入与替换,其中val表示的是插入的值。

  • 当第二个参数为0时,表示插入,不删除原数组的任何元素。

     var arr=[1,2,3,4,5]
     arr.splice(1,0,4)//[]没 有删除所以返回一个空数组。
     console.log(arr)//[1, 4, 2, 3, 4, 5],元素组被改变,在索引号为1的元素前面插入了值为4的元素。
    
  • 当第二个参数不为0时,表示先删除在插入,及我们平常所说的替换。

    var arr=[1,2,3,4,5]
    arr.splice(1,1,5)//[1]返回有删除的元素组成的新数组。
    console.log(arr)//[1, 5, 3, 4, 5],把索引号为1的元素删除,然后把值为5的元素加入进去,也就是5替换了原来的2.
    
  • 有了splice()方法后,我们可以用splice()方法分别实现上面的push()、pop()、unshift().shift()等方法。

    • 用splice实现push()

        function push(arr,val) {
        arr.splice(arr.length,0,val)
        return arr
        }
       var arr=[1,2,3,4]
       push(arr,val)//[1, 2, 3, 4, 5]
      
    • 用splices实现pop()

      function pop(arr) {
      var b=arr.splice(arr.length-1,1)[0]
      console.log(arr)
       }
      var arr=[1,2,3,4]
      push(arr,val)//[1, 2, 3]
      
    • 用splice实现unshift();

      function unshift(arr,val) {
      arr.splice(0,0,val)
      console.log(arr);
       }
       var arr=[1,2,3,4]
       unshift(arr,0)// [0, 1, 2, 3, 4]
      
    • 用splice实现shift();

      function shift(arr) {
      arr.splice(0,1);
      return arr;
        }  
       var arr=[1,2,3,4]
       shift(arr)//[2, 3, 4]
      

四、数组的其他操作

  • join():是把数组元素使用参数作为连接符连接成一字符串,不会修改原数组内容
    var arr=["hello","jirengu","my","name"]
    arr.join(" ");//"hello jirengu my name"
    console.log(arr)//["hello", "jirengu", "my", "name"]
  • sort():sort方法用于对数组进行排序,会改变原数组。
  • slice(start,end):用于返回数组中的一个片段或子数组。不会改变原数组,而是返回一个新数组。
    var arr=[1,2,3,4]
    arr.slice(1,2)//[2]
    console.log(arr)//[1,2,3,4]
  • concat(array):用于拼接数组,
    var arr1=[1,2,3,4]
    var arr2=[5,6,7,8]
    var arr3=arr1.concat(arr2)
    console.log(arr3);//[1, 2, 3, 4, 5, 6, 7, 8]
  • Array.isArray(obj):这是ES5中的方法,用于判断一个对象是不是数组。
    var a=[1,2,3]
    var b=function() {console.log('1')};
    console.log(Array.isArray(a));//true
    console.log(Array.isArray(b));//false
  • indexOf(element):这是ES5中的方法,用于查找数组内指定元素位置,查到第一个后放回其索引,没有找到就返回-1;
    var arr1=['a','b','c','d','a','e']
    console.log(arr1.indexOf('a'))//0
  • forEach(ele,index,arr):这是ES5中的方法,用于遍历数组。参数为一个回调函数,回调函数中有三个参数。
    var arr1=['a','b','c','d','a','e']
    arr1.forEach(function(e,idx,array) {
    array[idx]=e.toUpperCase();
    });
    console.log(arr1)//"A", "B", "C", "D", "A", "E"]
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,456评论 5 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,370评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,337评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,583评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,596评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,572评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,936评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,595评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,850评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,601评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,685评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,371评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,951评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,934评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,167评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,636评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,411评论 2 342

推荐阅读更多精彩内容