一张表说明javascript 数组的几个重要方法

示例

栈方法和队列方法

push()

1、和pop() 方法一块可以实现让数组像栈一样“后进先出”；

2、和shift()方法一块可以实现让数组像队列一样“先进先出”；

3、push()方法可以接受任意数量的参数，把它们逐个添加到数组的末尾，同时增加数组的

length值。

var colors = ["red","green"];
colors.push("blue",["yellow","pink"]);
alert(colors); //red,green,blue,yellow,pink

pop()

var colors = ["red","green","blue"];
var item = colors.pop();
alert(item);//blue
alert(colors.length);//2

shift()

var colors = ["red","green","blue"];
var item = colors.shift();
alert(item);//red
alert(colors.length);//2

1、unshift()方法从数组的头部添加任意个项，并返回新数组的长度。

2、与pop()方法结合使用，可以从相反的方向模拟队列，即从头部添加，尾部删除。

var colors = ["red"];
var count = colors.unshift("green","blue");
alert(count);//3
alert(colors);//green,blue,red

重排序方法

var colors = ["red","green","blue"];
colors.reverse();
alert(colors);//blue,green,red

1、sort()方法调用数组中每一项的tostring()方法，然后对得到的字符串进行比较。

2、要想实现数字从大到小或者从小到大的方式排列，sort()方法需接收一个比较函数作为参数。

1、

var arr = ["cgf","fbi","abc","a","fly"];
arr.sort();
alert(arr);//a,abc,cgf,fbi,fly

2、

function compare(value1,value2){
   if(value1 > value2){
   return 1;  //返回任意一个正数即可
   }else if(value1 < value2){
         return -1;//返回一个负数即可
     }else{
            return 0;
           }
}
/**如果想要实现从大到小的顺序排列，只需当
   *value1 > value2 时，返回 一个负数，当
   *value1 < value2 时，返回一个正数。**/
var arr = [15,1,35,156];
arr.sort(compare);
alert(arr);//1,15,35,156

操作方法

var colors = ["red","green"];
var colors2 = colors.concat();
alert(colors2);//red,green

var colors = ["red","green"];
var colors2 = colors.concat("blue",["pink","black"]);
alert(colors2);//red,green,blue,pink,black

var colors = ["red","green","blue","pink","grey"];
var colors2 = colors.slice(2);
var colors3 = colors.slice(1,4);
alert(colors);//red,green,blue,pink,grey
alert(colors2);//blue,pink,grey
alert(colors3);//green,blue,pink

1、删除

  指定两个参数，要删除的第一项的位置和要删除的项数。

2、插入

  可以向指定的位置插入任意数量的项，需要三个参数，起始位置、要删除的项数（此处为0）和要插入的项。如果要插入多个项，可以再传递第四个第五个以至任意多个项。

3、替换

  传入3个参数，跟插入的参数一样

var colors = ["red","green","blue"];
var removed = colors.splice(0,1);//删除第一项
alert(colors);//green,blue
alert(removed);//red


//从位置1开始插入两项
removed = colors.splice(1,0,"yellow","pink");
alert(colors);//green,yellow,pink,blue
alert(removed);//返回一个空数组



//从位置1删除一项，插入两项
removed = colors.splice(1,1,"purple","black");
alert(colors);//green,purple,black,pink,blue
alert(removed);//yellow

位置方法

indexOf()

  这两种方法都接收两个参数：要查找的项和（可选的）表示查找起点位置的索引。

  其中，indexOf()方法是从数组的开头（位置0）开始向后查找，lastIndexOf()方法是从数组的末尾开始查找。

  这两个方法都返回要查找的项在数组中的位置，或者在没有找到的情况下返回-1.在比较第一个参数与数组中的每一项时，会使用全等操作符，也就是说，要求查找的项必须严格相等。

var numbers = [1,2,3,4,5,6,4,5,3,2,1];
alert(numbers.indexOf(4));//3
alert(numbers.indexOf(4,5));//6

alert(numbers.lastIndexOf(4));//6
alert(numbers.lastIndexOf(4,5));//3


var person = {name: "liming"};
var people = [{name: "liming"}];
var anotherPerson = [person];
alert(people.indexOf(person));//-1
alert(anotherPerson.indexOf(person));//0

迭代方法

对数组中的每一项运行给定函数，如果该函数对每一项都返回true，则返回true

var numbers = [1,2,3,4,6,5,4,3,2,1];
var everyResult = numbers.every(
    function(item){
        return(item>3);
});
alert(everyResult);//false


var filterResult = numbers.filter(
    function(item){
        return (item>3);
    }
);
alert(filterResult);//4,6,5,4


var forEachResult = numbers.forEach(
    function(item){
         return (item>3);
    }
);//该方法没有返回值，本质与for循环迭代数组一样


var mapResult = numbers.map(
    function(item){
       return (item*2);
    });
alert(mapResult);//2,4,6,8,12,10,8,6,4,2


var someResult = numbers.some(
     function(item){
         return (item>3);
    });
alert(someResult);//true

  这两个方法都会迭代数组的所有项，然后构建一个最终返回的值其实就是将数组中的每一项累加起来。

其中reduce()方法从数组的第一项开始，逐个遍历到数组的末尾。而ruduceRight()方法则从最后一项开始，向前遍历至第一项。

  这两个方法都接收两个参数：一个在每一项上调用的函数和（可选的）作为缩小基础的初始值。

var arr = [1,2,3,4,5,6];
//传入一个回调函数
var reduce1 = arr.reduce(
function(pre,cur,index,array){
return pre + cur;
});
alert(reduce1);//21


var reduceRight1 = arr.reduceRight(
function(pre,cur,index,array){
return pre + cur;
});
alert(reduceRight1 );//21

//传入两个参数，一个是回调函数一个是初始值10
var reduce2 = arr.reduce(
function(pre,cur,index,array){
return pre + cur;
},10);
alert(reduce2);//31


var reduceRight2 = arr.reduceRight(
function(pre,cur,index,array){
return pre + cur;
},10);
alert(reduceRight2);//31