2021-01-17 《js基础知识复习 2 》

js数组方法复习

• 数组方法格式

  格式：数组.方法(参数)

• concat(): 合并数组

    var arr1=[1,2,3,4];
    var arr2=[4,5,6];
    var arr=[];
    var c  =arr.concat(arr1,arr2)
    console.log(c); //1 2 3 4 5 6

结果：返回一个合并后新数组

用法：上拉加载更多的时候

• reverse(): 翻转数组的顺序

    var arr= [1,2,3,4,5,6,7,8,9];
    var c= arr.reverse()
    console.log(c); //9 8 7 ..... 1 
    console.log(c[0]); //9

结果:会改变原数组

• join(‘参数是分隔’):将数组元素转化成字符串,用参数分隔符进行分割，默认一逗号进行分割

    var arr = ['a','b','c']
    var brr=arr.join('-');
    console.log(brr);
    //结果 : a-b-c

应用场景：如果年月日在数组里需要分隔成需要看得懂的格式

补充：如果无连接符：join(’’)

• push() 将参数添加到原数组的末尾，并且返回数组的长度

    var  arr =['a','b','c']
    console.log(arr);
    arr.push('1')
    console.log(arr);

应用场景：记录搜索结果(6666啊，我也刚知道)，搜一个东西，然后添加到搜索记录上

• unshirt(‘c’) 往前添加, 与push相反

返回参数里的元素，数组前面增长了

• pop() 删除数组最后一个元素

    var  arr =['a','b','c','d']
    // console.log(arr);
    var c =arr.pop()
    console.log(c); //d
    console.log(arr); //a b c

结果 ：返回删除的最后一个元素

• shirt() 删除原数组第一项，并且返回删除的那一项

• slice(‘参数一’，‘参数二’) :截取，返回新的数组
  
  slice(‘参数一’) 从当前下标包括下标开始截取
  
  slice(‘参数一’,‘参数二’) 不包括参数2
  
  原来的数组不会变

• sort() 排序 按照升序排列数组项
  
  用法： 默认是以字符排序
  
  一般要传递一个函数作为参数

从小到大 return a-b
从大到小 return b-a
 var arr = [15,12,6,7]
    arr.sort((a,b)=>{
      return a-b
    });
    console.log(arr);

结果：会改变原来数组

• indexof(参数) :查找，参数在数组中是否存在

  用法:
  如果存在返回下标
  
  如果不存在返回-1

    var arr=['a','b','c','d']
    var c =arr.indexOf('y')
    var d = arr.indexOf('a')
    console.log(c); // -1
    console.log(d); // 0
   

• 补充:
  返回新数组：原来数组没变化