Javascript中数组(Array)常用的方法

Javascript中数组(Array)常用的方法
      在学习和编写Javascript代码的时候，对数组的操作是必须要掌握的，例如常见的添加push()，删除delete()，截取slice()，删除splice()，排序sort()，反序reverse()等等。
1、添加数组元素push()
     push()方法是可以将一个或多个的元素添加到数组的尾部。
     代码1：
         <script type="text/javascript">
               var arr = new Array() ;
               arr[0] = "h" ;
               arr.push("a","b","c") ;   //在数组的尾部添加多个元素
               for(var i = 0;i<arr.length;i++){
                   console.info(arr[i]) ;
               }
        </script>
      如果是想在数组的前面添加元素的话，那么可以使用unshift()方法。
      push() 方法可把它的参数顺序添加到 arrayObject 的尾部。它直接修改 arrayObject，而不是创建一个新的数组。         push() 方法和 pop() 方法使用数组提供的先进后出栈的功能。

2、删除数组元素delete()

          var arr = new Array(10) ;
          var i = 0 ;
          function fuzhi(){
     if(i<arr.length){
       arr[i] = "name" + i ;
       i++ ;
       fuzhi() ;
     }
          }
          fuzhi();
          delete arr[5];   //这样就能将数组下标为5的元素删除

          注意：使用dekete删除数组元素的时候，数组的长度是不会改变的，arr的长度依然是10。也可这么理解，将arr[5]的值变为undefined。

3、截取数组slice()   -- 从已有的元素中截取指定区间的元素，返回一个新的数据。新数组包含截取的元素。

      var arr = ["a","b","c","d","e","f","g"] ;

      var newArr = arr.slice(1,5) ;

      for(var i=0;i<newArr.length;i++){

          console.info(newArr[i]) ;

      }

    语法：slice(start,end);

     参数：start:第一个参数是必需的，规定是从数组的什么位置开始选取。如果是负数的话，那么说明从数组的尾部开始算起，-1表示最后一个元素，-2表示倒数第二个，依次类推。

               end:可选参数。说明到哪个地方结束。也可以是负数，-1表示最后的元素。截取数组的中不包括end值的元素。

4、截取或添加数组元素splice()

     a、删除元素，语法：splice(start,num) 

         var arr = ["a","b","c","d","e","f"] ;

          arr.splice(1,2) ;    //从下标index为1的元素开始删除，一共删除两个

          for(var i=0;i<arr.length;i++){

              console.info(arr[i]) ;  //结果是a,d,e,f

          }

         注意：有些书籍或文档说start和num这两个参数都是必须的，但其实不然，当只有一个参数的时候，表示从下标index的位置开始，删除后面的所有元素。

         var arr = ["a","b","c","d","e","f"] ;

          arr.splice(1) ;    //从下标index为1的元素开始删除，一共删除两个

          for(var i=0;i<arr.length;i++){

              console.info(arr[i]) ;  //结果是a  ,删除了arr[1]后面的所有元素

          }

  splice()的返回值是一个被删除或者添加元素后的新数组。在开发中我们可以使用来删除第一个元素或者最后一个元素。

         var arr = ["a","b","c","d","e","f"] ;

           //删除第一个后面的所有元素，返回被删除元素的数组，可以理解为删除第一个元素 

          var newArr = arr.splice(1) ;          

          for(var i=0;i<arr.length;i++){

              console.info(arr[i]) ;  //结果是a  ,删除了arr[1]后面的所有元素

          }

      b、在指定的位置添加/替换一个或多个的元素，语法：splice(start,num,item1,item2...) ;

添加元素：当num为0的时候是添加元素

         var arr = ["a","b","c","d","e","f"] ;

          arr.splice(1,0,"h","i") ;          

          for(var i=0;i<arr.length;i++){

              console.info(arr[i]) ;  //结果是a,h,i,b,c,d,e,f

          }

替换元素：当num大于0的时候，说明将item1,item2...替换掉下标为start后面的num个元素

         var arr = ["a","b","c","d","e","f"] ;

          arr.splice(1,3,"h","i") ;          

          for(var i=0;i<arr.length;i++){

              console.info(arr[i]) ;  //结果是a,h,i,e,f

          }

5、排序sort(sortBy) ,返回值是对数组的引用(在原来的数组基础上进行的排序，不生成新的副本)

     参数：sortBy,这里是可选，规定排序的规则。参数必须是函数(必须要有返回值)。

     var arr = [{"name":"张三","age":23},{"name":"李四","age":21},{"name":"王五","age":20}]; 
     arr.sort(function(obj){

                          //这里会根据数组中每个元素对象的年龄进行排序
          return obj.age;     //返回年龄，当然你可以定义其他的规则
     });
     for(var i=0;i<arr.length;i++){
         console.info(arr[i]) ;
     }

             如果没有给定sortBy参数的话，那么就会按照默认的规则去排序。

6、反序reverse()。颠倒数组元素中的数据。会在原来数组的基础上进行操作，不会产生新的副本。

        var arr = ["a","b","c","d"];

        arr.reverse() ;

        for(var i=0;i<arr.length;i++){
    console.info(arr[i]) ;     //d,c,b,a
}