数组里面的方法

数组的几种赋值方法:

  var a = new Array(5,3,2,7,9) ;
  var a = new Array();或者var a = [];//创建了一个空数组 
  var a = new Array(4)//创建了一个含有4项的数组;
  或者var a = [5,3,2,7,9];
  或者var a[0]  =5;
     var  a[1] =3;
     var  a[2] =2;
          ...
     var  a[4] =9;

1.slice() 方法与 splice() 方法:

  • a.slice(start_index,end_index)为将数组a里面的a[start_index]到a[end_index]的所有值截取出来(不包含a[end_index]),返回一个截取出来的内容组成的新数组,但不会影响原来的数组a,其中参数start_index必选,参数end_index可选。只含有start_index时会返回从索引start_index开始到末尾的所有项
    例如:
 var a = new Array(5,3,2,7,9) ;
        var a = [5,3,2,7,9,4,6];
        console.log(a);// [5,3,2,7,9,4,6]
        console.log(a.splice(0,3));//[5,3,2]
        console.log(a);//[7,9,4,6]
  • a.splice()方法可以实现删除(截取),插入和替换。该方法会影响原数组,且返回的是截取出来的内容。如下:
    @-1 删除(截取):可以删除任意数量的项,只需指定两个参数:要删除的第一项的位置和要删除的项数。例如
var a = [1,3,4,5];
var b = a.splice(0,2);
console.log(b);//[1,3]
console.log(a);//[4,5]

@-2 插入:可以向指定位置插入任意的项,需要提供三个参数:起始位置,0(要删除的项数)和要插入的项。例如

var a = [1,3,4,5];
var b = a.splice(1,0,2);
console.log(a);//在索引为1即第二项处前面插入2,结果是[1,3,2,4,5]
console.log(b);//返回删除的内容,因为删除的0项则返回[]
var c = a.splice(1,0,2,6)
console.log(a);//[1,2,6,3,4,5]此处插入了两项
console.log(c);//[]

@-3 替换:可以向指定位置插入任意数量的项同时删除任意数量的项,只需指定三个参数:起始位置,要删除的项数和要插入的任意数量的项。插入的项数不需要与删除的项数相等。如

var a = [1,3,4,5];
var b = a.splice(0,1,2);
console.log(a);//会从索引0处开始,删除1项即删除1,再插入2,结果是[2,3,4,5]
console.log(b);//[1]
var c = a.splice(2,2,6,7);
console.log(a);//会从索引为2处开始删除两项即删除4和5并插入6和7,结果为[1,3,6,7]
console.log(c);//[4,5]

2, push()unshift() 方法:

  • a.push(x)是给数组a最后面加一位x该方法可以接收任意数量的参数,把它们逐个添加到数组的末尾,并返回修改后数组的长度;
  • a.unshift(y)是给数组a最前面加一位y,并返回数组的长度

例如:

  var a = [5,3,2,7,9,4,6];
        console.log(a);
        a.push(11);
        a.unshift(0);
        console.log(a);

显示结果为:
这里写图片描述

3, pop() 方法和 shift() 方法:

  • a.pop()方法为删除数组a的最后一个元素并返回删除的项,原数组a发生改变
  • a.shift()方法为删除数组a的最前面的一个元素并返回删除的项

例如:

 var a = [5,3,2,7,9,4,6];
       var b = a.pop();
       console.log(a);
       console.log(b);

显示结果为:
这里写图片描述
4.concat方法:
a.concat(b)为返回一个数组a和数组b拼接起来的新数组。该方法是将参数加到原数组中;
过程是:该方法会先创建当前数组的一个副本,然后将参数添加到副本的末尾,最后返回新构建的数组。在没有给该方法传递参数的情况下,它只是返回当前数组并返回副本。
例如:

  var a = [5,3,2,7,9,4,6];
        var b =[0,11];
        console.log(a);
        console.log(b);
        console.log(a.concat(b));

显示结果为:
这里写图片描述
5.sort方法:
a.sort()为给数组a进行从小到大进行排序,数组a会发生改变
例如:

  var a = [5,3,2,7,9,4,6];
        var b = a.sort();
        console.log(a);
        console.log(b);

显示结果为:
这里写图片描述
上面不传参的方法会出现下面这种错误如:

var a = [11,1,44,55,3,7,2];
var b = a.sort();
    console.log(b);//Array(7) [ 1, 11, 2, 3, 44, 55, 7 ]并没有排好序

所以建议当要给有大于10的项的数组排序时建议采用下面传参的方法:

 var a = [11,1,44,55,3,7,2];
    var b = a.sort(function(num1,num2) {
        return num1 - num2;//调整num1和num2的顺序可以改成从大往小排序
    });
    console.log(b);//Array(7) [ 1, 2, 3, 7, 11, 44, 55 ]

6.join()方法和split()方法:

  • a.join(“separator”)为将数组a里面元素组成一个字符串,以separator为分隔符,省略的话则默认逗号为分隔符,该方法只接收一个参数即分隔符。不影响原数组a
  • a.split()用于将字符串分割成字符串数组:stringObject.split(separator,howmany),参数separator必选,从该参数指定的地方分割字符串数组;参数howmany可选,该参数指定返回的字符串数组的最大长度,如果未设置该参数时,整个字符串都会被分割,不考虑它的长度,该方法不会影响原数组

例如:

   var stringObject_1 = "11ggg?aa?e2?";
    var b = stringObject_1.split("?");
    console.log(stringObject_1);//11ggg?aa?e2?
    console.log(b);//Array(4) [ "11ggg", "aa", "e2", "" ]
    //带两个参数时,如下
    var stringObject_2 = "love:you:but:";
    var a = stringObject_2.split(":",2);
    console.log(a);//Array [ "love", "you" ]

7,forEach方法:

  • a.forEach(value,index,a)为循环遍历数组 ,对数组的每一项运行给定的函数。该方法没有返回值,参数都是function类型。默认有传参,参数分别为:value,index,a。value为数组里面的每一位的值 ,index为每一位的索引, a为数组本身
  var a = [5,3,2,7,9,4,6];
        console.log(a);
        a.forEach(function (value,index,a){
            console.log(value+"/"+index+"/"+a);
        });
       console.log(a);
       

显示结果为:
这里写图片描述
8, for(in){} 方法:循环遍历数组,主要用于遍历数组对象,而不是数组,但也可以拿来用,如下:

//遍历数组对象
 var a={
        name:"hunag",
        sex:"女",
        age:21
    };
    for(var key in a){//key表示属性名,a[key]表示属性值
        console.log(key);
        console.log(a[key]);
    }//name huang sex 女 age 21
    //遍历数组,
     var b = [1,2,3];
    for(var key in b){//其中key表示索引
        console.log(key);
        console.log(b[key]);
    }//0 1 1 2 2 3

9,map映射方法:

  • a.map(function(value,index){}
    里面的参数可以为一个回调函数,该回调函数的参数绑定了数组a的value和index

图一所示:

       var a = [5,3,2,7,9,4,6];
               console.log(a);
               var b = a.map(function(value,index){
               return value+index;
        });
               console.log(b);
   图二所示:
       var c = a.map(function(value,index){
                  return value*index;
        });
                  console.log(c);
        即函数的返回值可以自行调节

图一显示结果为:
这里写图片描述
图二显示结果为:
这里写图片描述
10,ruduce()累加方法:

  • a.reduce(function(x,y){ return x+ y;})为将数组a里面所有的值加起来的和
  var a = [5,3,2,7,9,4,6];
        console.log(a);
        var b = a.reduce(function (x,y){
            console.log(x + "|" +y);
            return x + y;
        });
        console.log(b);

显示结果为:
这里写图片描述
11, reverse() 方法:翻转数组,即反转数组项的顺序,该方法回影响原数组

 var a = [1,4,3,6,2];
    var b = a.reverse();
    console.log(a);//Array(5) [ 2, 6, 3, 4, 1 ]
    console.log(b);//Array(5) [ 2, 6, 3, 4, 1 ]

12, indexOf()lastIndexOf() 方法:

  • indexOf():接收两个参数:要查找的项和查找起点位置的索引(可选)。该方法是从数组起点(索引0处)开始向后面查找。
  • lastIndexOf():接收两个参数:要查找的项和查找起点位置的索引(可选)。该方法是从数组末尾向前面查找。
    两个方法都返回要查找的项在数组中的位置,在没有找到的情况下会返回-1

猜你喜欢

转载自blog.csdn.net/Sunday97/article/details/81513157