数组方法的总结

js 高博文
文章标签: 数组

数组方法的总结

   (一)jion(separator)方法

      join(separator):将数组的元素组起一个字符串,以separator为分隔符,省略的话则用默认用逗号为分隔符,该方法只接收一个参数:即分隔符。代码如下:

	    var arr=[1,2,3,4,5,"a"];
	    console.log(arr.join());//1,2,3,4,5,a
	    console.log(arr.join(""));//12345a
	    console.log(arr.join("-"));//1-2-3-4-5-a
             console.log(arr);//[1,2,3,4,5,"a"]

  (二)push()和pop()方法

       push():可以接收任意数量的参数,把它们逐个添加到数组末尾,并返回修改后数组的长度。

pop():数组末尾移除最后一项,减少数组的 length 值,然后返回移除的项。

代码如下:

	    var arr=[1,2,3,4,5];
	    var arrs=arr.push("a","b","c");
	    console.log(arrs);//8
	    console.log(arr);//[1,2,3,4,5,"a","b","c"]
	    var arrs1=arr.pop();
	    console.log(arrs1);//"C"
	    console.log(arr);//[1,2,3,4,5,"a","b"

    (三)shift()和unshift()方法

shift():删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefined。unshift:将参数添加到原数组开头,并返回数组的长度 。这组方法和上面的push()和pop()方法正好对应,一个是操作数组的开头,一个是操作数组的结尾。代码如下:

	    var arr=["a",1,2,3,4,5];
	    var arrs=[];
	    console.log(arrs.shift());//undefined
	    var arrs1=arr.shift();
	    console.log(arrs1);//a
	    console.log(arr);//[1,2,3,4,5]
	    var arrs2=arr.unshift("a","b","c");
	    console.log(arrs2);//8
	    console.log(arr);//["a","b","c",1,2,3,4,5]

(四)sort()方法

    sort():按升序排列数组项——即最小的值位于最前面,最大的值排在最后面。

       var arr=["c","e","a","b","d"];
        console.log(arr.sort());//["a","b","c","d","e"];
        var arrs=[5,64,13,34,2];
        console.log(arrs.sort());//[13,2,34,5,64]是把数据转换为字符串类型来排列的
        
          数组中数字按升序排列
        function com(value1,value2){
        	if(value1<value2){
        		return -1;
        	}else if (value1>value2) {
        		return 1;
        	}else{
        		return 0;
        	}
        }
        console.log(arrs.sort(com));//[2,5,13,34,64]

(五)reverse()方法

    reverse():反转数组项的顺序

        var arr=[13,24,51,3];
        console.log(arr.reverse());//[3, 51, 24, 13]
        console.log(arr);//[3, 51, 24, 13]原数组发生改变

(六)concat()方法

    concat() :将参数添加到原数组中。这个方法会先创建当前数组一个副本,然后将接收到的参数添加到这个副本的末尾,最后返回新构建的数组。在没有给 concat()方法传递参数的情况下,它只是复制当前数组并返回副本。

       var arr=[1,2,3,4,5];
       var arrs=arr.concat();
       console.log(arrs);//[1,2,3,4,5]
       var arrs1=arr.concat(["a","b"]);
       console.log(arrs1);// [1, 2, 3, 4, 5, "a", "b"]

(七)slice()方法

     slice():返回从原数组中指定开始下标到结束下标之间的项组成的新数组。slice()方法可以接受一或两个参数,即要返回项的起始和结束位置。在只有一个参数的情况下, slice()方法返回从该参数指定位置开始到当前数组末尾的所有项。如果有两个参数,该方法返回起始和结束位置之间的项——但不包括结束位置的项。

      var arr=[1,3,5,7,9,3,8,7,9,11,4,2];
      var arrs=arr.slice(3,8);
      var arrs1=arr.slice(1);
      console.log(arrs);//[7,9,3,8,7]
      console.log(arrs1);// [3, 5, 7, 9, 3, 8, 7, 9, 11, 4, 2]

(八)splice()方法

     splice():很强大的数组方法,它有很多种用法,可以实现删除、插入和替换。

      删除:可以删除任意数量的项,只需指定 2 个参数:要删除的第一项的位置和要删除的项数。例如, splice(0,2)会删除数组中的前两项。

    插入:可以向指定位置插入任意数量的项,只需提供 3 个参数:起始位置、 0(要删除的项数)和要插入的项。例如,splice(2,0,4,6)会从当前数组的位置 2 开始插入4和6。

   替换:可以向指定位置插入任意数量的项,且同时删除任意数量的项,只需指定 3 个参数:起始位置、要删除的项数和要插入的任意数量的项。插入的项数不必与删除的项数相等。例如,splice (2,1,4,6)会删除当前数组位置 2 的项,然后再从位置 2 开始插入4和6。

    var arr= [1,3,5,7,9,11];
	var arrRemoved= arr.splice(0,2);
	console.log(arr);//[5,7,9, 11]
	console.log(arrRemoved);//[1,3]
	var arrRemoved2= arr.splice(2,0,4,6);
	console.log(arr);// [5, 7, 4, 6, 9, 11]
	console.log(arrRemoved2);//[]
	var arrRemoved3= arr.splice(1,1,2,4);
	console.log(arr);//[5, 2, 4, 4, 6, 9, 11]
	console.log(arrRemoved3);//[7]

(九)indexOf()和lastindexOf()方法

     indexOf():接收两个参数:要查找的项和(可选的)表示查找起点位置的索引。其中, 从数组的开头(位置 0)开始向后查找。

  lastIndexOf:接收两个参数:要查找的项和(可选的)表示查找起点位置的索引。其中, 从数组的末尾开始向前查找。

		var arr= [1,3,5,7,7,5,3,1];
		console.log(arr.indexOf(5));//2
		console.log(arr.lastIndexOf(5));//5
		console.log(arr.indexOf(5,2));//2
		console.log(arr.lastIndexOf(5,4));//2
		console.log(arr.indexOf("5"));//-1

(十)forEach()方法

     forEach():对数组进行遍历循环,这个方法没有返回值,参输都是function类型,默认有传参,参数分别为:遍历的数组内容;第对应的数组索引,数组本身。.

         var arr=[1,2,3,4,5,6];
         arr.forEach(function(a,b,c){
         	console.log(a,b,c);
         })
//		 1 0 [1,2,3,4,5,6]
//		 2 1 [1,2,3,4,5,6]...

 (十一)map()方法

      map():指“映射”,对数组中的每一项运行给定函数,返回每次函数调用的结果组成的数组。

		 var arr=[1,2,3,4,5];
		 var arrs=arr.map(function(x){
		 	return x*x;
		 })
		 console.log(arrs);//[1,4,9,16,25]

 (十二)filter()方法

     filter():“过滤”功能,数组中的每一项运行给定函数,返回满足过滤条件组成的数组。

		 var arr=[1,2,3,4,5,6,7,8,9,10];
		 var arrs=arr.filter(function(x,index){
		 	return index<2||x%2==0;
		 })
		 console.log(arrs);//[1, 2, 4, 6, 8, 10]

(十三)every()方法

    every():判断数组中每一项都是否满足条件,只有所有项都满足条件,才会返回true。

		 var arr=[1,2,3,4,5];
		 var boo1=arr.every(function(x){
		 	return x<6
		 })
		 console.log(boo1);//true
		 var boo2=arr.every(function(x){
		 	return x>3;
		 })
		 console.log(boo2);//false

(十四)some()方法

     some():判断数组中是否存在满足条件的项,只要有一项满足条件,就会返回true。

         var arr=[1,2,3,4,5];
         var boo=arr.some(function(x){
         	return x>3;
         })
         console.log(boo);//true 只有一项满足
         var boo1=arr.some(function(x){
         	return x>6;
         })
         console.log(boo1);//false 都不满足

(十五)reduce()和 reduceRight()方法

     reduce()方法从数组的第一项开始,逐个遍历到最后。而 reduceRight()则从数组的最后一项开始,向前遍历到第一项。

         var values= [1,2,3,4,5];
         var sum= values.reduceRight(function(a,b,index, array){
         	                    console.log(a,b,index,array);
                                return a + b;
                              },10);
         console.log(sum);//25
         var arr = [1,2,3,4];
        var arrs= arr.reduce(function(a,b,index,array){
					     console.log(a,b,index,array) 
					     return a+b //最终结果为10
				        })
        console.log(arrs);//10
        //第一个参数初始值,第二个遍历数组时的对应值,第三个下标,第四个数组
         //用reduce()实现数组求和,数组一开始加了一个初始值10。

还能输出{{restrictNumber}}个字符  
  • {{reply.author}}

    {{CommonUtil.formateDate(reply.ac_CommentDate).shortTime}}
  • 回复了{{Comments.author}} :