JavaScript常用的数组方法——ES3


join(sep)

  • 功能:将数组元素通过指定的字符连接成字符串
  • 参数:

    • sep:拼接字符串
  • 返回值:拼接后的字符串
  • 注意:数组本身不发生变化

    var array = [1, 2, 3, 4, 5];
    
    //无参数时,默认用‘,’连接
    var joinStr = array.join();//joinstr: '1,2,3,4,5'
    
    //用‘-’连接
    var joinStr1 = array.join('-');//joinStr1: '1-2-3-4-5'
    

reverse()

  • 功能:将数组元素颠倒顺序
  • 参数:无
  • 注意:操作的是数组本身,数组元素颠倒

    var array = [1, 2, 3, 4, 5];
    
    array.reverse();//array: [5,4,3,2,1]
    

sort(fn)

  • 功能:将数组元素排序
  • 参数:

    • fn(a,b):比较函数
  • 注意:操作的是数组本身,数组元素顺序改变

    var array = ['a', 'e', 'b', 'd', 'c'];
    
    //无参数时按照字母表升顺排序
    array.sort(); //array: ['a','b','c','d','e']
    
    //当参数是函数时,函数有两个参数a、b,分别是数组相邻的两个数据,返回值则决定相邻的两个数据哪个排在在前面
    //返回值小于0,则a顺序在前
    //返回值大于0,则a顺序在后
    例如:
    var array = [5, 2, 1, 4, 3];
    
    //升序排列,用代入的思想可以把a看成5,b看出2。
    array.sort(function (a, b) {
        return a - b;
    });//array: [1,2,3,4,5]
    
    //降序排列
    array.sort(function (a, b) {
        return b - a;
    });//array: [5,4,3,2,1]
    

concat(data…)

  • 功能:数组拼接成新的数组
  • 参数:

    • data:任意个数的数据类型
  • 返回值:新的数组
  • 注意:数组本身不发生变化

    var array = [1, 2, 3];
    
    var newArray = array.concat(1, 'xxx'); //newArray: [1, 2, 3, 1, 'xxx']
    
    var newArray1 = array.concat([4, 5]); //newArray1: [1, 2, 3, 4, 5]
    

slice(start,end)

  • 功能:数组截取
  • 参数:

    • start:开始位置
    • end:结束位置
  • 返回值:新的数组
  • 注意:数组本身不发生变化

  • 第一个参数是截取开始位置(数组下标是从0开始),第二个参数是结束位置,但是不包括结束位置。

  • 如果只有一个参数,从开始位置截取到剩下所有数据
  • 开始位置和结束位置也可以传递负数,负数表示倒着数。例如-3是指倒数第三个元素

    var array = [1, 2, 3, 4, 5];
    
    var newArray = array.slice(1); //newArray: [2,3,4,5]
    var newArray1 = array.slice(0, 3); //newArray1: [1,2,3]
    var newArray2 = array.slice(0, -1); //newArray2: [1,2,3,4]
    var newArray3 = array.slice(-3, -2); //newArray3: [3]
    

splice(start,len,data…)

  • 功能:数组插入数据、删除数据
  • 参数:

    • start:开始位置
    • len:截断的个数
    • data:插入的数据
  • 返回值:截断的数据,是数组
  • 注意:操作的是数组本身

如果只有一个参数,从开始位置截取剩下所有数据

    var array = [1, 2, 3, 4, 5]

    var newArray = array.splice(1);//array=[1] newArray=[2,3,4,5]
    var newArray1 = array.splice(0, 2);//array=[3,4,5] newArray1=[1,2]
    var newArray2 = array.splice(0, 1, 6, 7);//array=[6,7,2,3,4,5] newArray2=[1]

push(data…)

  • 功能:往数组的尾部添加数据
  • 参数:

    • data:数据
  • 注意:操作的是数组本身

    var array = [1, 2, 3];
    
    array.push(4, 5);//array : [1,2,3,4,5]
    

pop()

  • 功能:删除数组的最后一个数据
  • 参数:无
  • 返回值:删除的数据
  • 注意:操作的是数组本身

    var array = [1, 2, 3, 4, 5];
    
    var value = array.pop();//array : [1,2,3,4]  value: 5
    

unshift(data…)

  • 功能:往数组的头部添加数据
  • 参数:

    • data:数据
  • 注意:操作的是数组本身

    var array = [3, 4, 5];
    
    array.unshift(1, 2);//array : [1,2,3,4,5]
    

shift()

  • 功能:删除数组的第一一个数据
  • 参数:无
  • 返回值:删除的数据
  • 注意:操作的是数组本身

    var array = [1, 2, 3, 4, 5];
    
    var value = array.shift();//array : [2,3,4,5] value: 1
    

pop和push就类似于栈操作,先进后出。unshift和shift就类似于队列操作,先进先出

有任何问题,欢迎大家批评指出,我们共同进步。


2 responses on “JavaScript常用的数组方法——ES3

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>