JavaScript内置对象之数组

时间:2022-10-05 00:36:35

一、JavaScript对象之数组

  1、创建数组的方式

    (1)使用Array构造函数

       语法:new Array()

      小括号()说明:

        -预先知道数组要保存的项目数量

        -向Array构造函数中传递数组应包含的项

    (2)使用数组字面量表示法

       -由一对包含数组项的方括号[]表示,多个数组之间以逗号隔开

    2、数组元素的读写

      -读取和设置值时,使用方括号[]并提供相应的索引

       说明:索引是从0开始的正整数

    3、数组的长度

      语法:array.length

      功能:获取数组array的长度

      返回值:number

      说明:

        -通过设置length可以从数组的末尾移除或向数组中添加新项。

        -把一个值放在超出当前数组大小的位置上时,会重新计算数组长度值,长度值等于最后一项索引加1。

    4、数组方法的栈方法

      push()   unshift()   pop()  shift()

     (1)push()

       -语法:

         arrayObject.push(newele1,newele2……newelen);

       -功能:

         把它的参数顺序添加到arrayObject的尾部。

       -返回值:

         把指定的值添加到数组后的新长度。

       -例: 

 <script>
var arr=["HTML" ,"CSS", "JavaScript" , "HTML5","CSS3" ];
arr.push("sass");
console.log(arr);
</script>

    (2)unshift()

       -语法:

         arrayObject.unshift(newele1,newele2……newelen);

       -功能:

         把它的参数顺序添加到arrayObject的开头。

       -返回值:

         把指定的值添加到数组后的新长度。

       -例:      

 <script>
var arr=["HTML" ,"CSS", "JavaScript" , "HTML5","CSS3" ];
arr.unshift("sass");
console.log(arr);
</script>

    (3)pop()

       -语法:

         arrayObject.pop();

       -功能:

         删除数组最后一个元素。

       -返回值:

         被删除的那个元素。

       -例:

 <script>
var arr=["HTML" ,"CSS", "JavaScript" , "HTML5","CSS3" ];
var n= arr.pop();
console.log(n);
</script>

    (4)shift()

       -语法:

         arrayObject.shift();

       -功能:

         删除数组第一个元素。

       -返回值:

         被删除的那个元素。

       -例:

<script>
var arr=["HTML" ,"CSS", "JavaScript" , "HTML5","CSS3" ];
var r=arr.shift();
console.log(r);
</script>

    5、join() 、reverse()、sort()方法

        -join():把数组转换成字符串

        -reverse():把数组元素顺序反转

        -sort() :对数组元素排序

      (1)join()

         -语法:

           arrayObject.join(separator);

         -功能:

            把数组所有元素放入一个字符串。

           -返回值:

            字符串。

           -例:

<script>
var arr=["HTML" ,"CSS", "JavaScript" , "HTML5","CSS3" ];
var r=arr.join("-"); //括号内为空的话,默认是,(逗号)连接;
console.log(r);
document.write(r);
</script>

    (2)reverse()

        -语法:

         arrayObject.reverse();

       -功能:

         用于颠倒数组中的元素顺序。(反转)

       -返回值:

         数组。

       -例:   

<script>
var arr=["a" ,"b", "c" , "d","e" ];
var r=arr.reverse();
console.log(r);
</script>

      (3)sort()

       -语法:

           arrayObject.sort(sortby);

         -功能:

            把数组内元素进行排序。

           -返回值:

            数组。

           -说明:

          -即使数组中的每一项都是数值,sort()方法比较的也是字符串。

          -sort()方法可以接收一个比较函数作为参数。

         -例:

          

<script>
var arr=[10,11,1,2,5,88,9,-1 ];
var r=arr.sort(function (a,b) {
return a>b;
});
console.log(r);
</script>

      

      (4)例子:让我们来封装一个函数,实现不用reverse()方法也能实现数组反转的功能,比如:数组1,2,3,4,5,通过该函数反转后,输出的是:5,4,3,2,1。

<script>
function arrReverse(arr){
var newArr=[];
for(var i=0;i<arr.length;i++){
return newArr= arr.sort(function (a,b) {
return a<b;
});
}
}
document.write(arrReverse([1,2,3,4,5,6,7,8]));
</script>

    

    6、数组方法(concat和slice)

        -concat()

        -slice()

      (1)concat()

        -语法:

           arrayObject.concat(arrayX,arrayX……arrayX);

         -功能:

              连接两个或多个数组

           -返回值:

              数组。

         -例:

<script>
var arr1=["a","b","c","d",1],
arr2=["e","f",1,2],
arr3;
arr3=arr1.concat(arr2); //arr2后面还可以加数组。
console.log(arr3);
</script>

      (2)slice()

         -语法:

           arrayObject.slice(start,end);

         -功能:

              从已有的数组中返回选定的元素

           -参数:

            start(必需)规定从何处开始选取,如是负数,从数组尾部开始算起

            end(可选)规定从何处结束选取,是数组片断结束处的数组下标

         -说明:

            -如没指定end,切分的数组包含从start到数组结束懂得所有元素。

            -如slice()方法的参数中有一个负数,则用数组长度加上该数来确定相应的位置

        -返回值:

            数组。

        -例;

<script>
var arr1=[1,2,3,4,5,6,7,8,9],
arr3;
arr3=arr1.slice(-6,8);
console.log(arr3);
</script>

    7、数组方法(splice)

     (1)删除

       -语法:

           arrayObject.splice(index,count);

         -功能:

             删除从index处开始的零个或多个元素。

            -返回值:

            含有被删除的元素的数组。

           -说明:

           -count是要删除的数量.如果设置为0,则不会删除。如果不设置,则从index处开始删除所有值。          

           -例:    

 <script>
var arr1=["a","b","c","d",1],
arr3;
arr3=arr1.splice(1,2);
console.log(arr3);
</script>

    (2)插入

       -语法:

           arrayObject.splice(index,0,item1……itemx);

         -功能:

             在指定位置插入值

            -返回值:

            数组

           -参数:

           index:起始位置

           0:要删除的项数   

           item1……itemx :要插入的项    

           -例:         

 <script>
var arr1=["a","b","c","d","e"];
arr1.splice(2,0,"m","n");
console.log(arr1);
</script>

     (3)替换

       -语法:

           arrayObject.splice(index,count,item1……itemx);

         -功能:

             在指定位置插入值,且同时删除任意数量的项。

            -返回值:

            从原始数组中删除的项(如果没有删除的项,则返回空数组)

           -参数:

           index:起始位置

           count:要删除的项数   

           item1……itemx :要插入的项    

           -例:

<script>
var arr1=["a","b","c","d","e"];
arr1.splice(2,2,"m","n","j");
console.log(arr1);
</script>

     8、数组方法(indexOf和lastIndexOf)

      (1)indexOf

         -语法:

           arrayObject.indexOf(searchvalue,startIndex);

         -功能:

             从数组的开头(位置0)开始向后查找

            -返回值:

            number。查找的项在数组里面的位置,没有找到的情况下返回-1;

           -参数:

           searchvalue:必需,要查找的项;

           startIndex:可选,起点位置的索引。      

           -例:

<script>
var arr1=[1,2,3,4,5,6,7];
var pos=arr1.indexOf(3);
console.log(pos);
</script>

      (2)lastIndexOf

         -语法:

           arrayObject.lastIndexOf(searchvalue,startIndex);

         -功能:

             从数组的末尾开始向后查找

            -返回值:

            number。查找的项在数组里面的位置,没有找到的情况下返回-1;

           -参数:

           searchvalue:必需,要查找的项;

           startIndex:可选,起点位置的索引。      

           -例:

 <script>
var arr1=[1,2,3,4,5,6,7];
var pos=arr1.lastIndexOf(5);
console.log(pos);
</script>