JavaScript中的Array 對象(數(shù)組對象)

字號:


    1、創(chuàng)建Array對象方法:
    --->var arr = [1,2,3];//簡單的定義方法
    此時可以知道
    arr[0] == 1;
    arr[1] == 2;
    arr[2] == 3;
    --->new Array();
    var arr = new Array();//定義一個沒有任何內(nèi)容的數(shù)組對象,然后以下面的方式為其賦值
    arr[0] = "arr0";
    arr[1] = "arr1";
    arr[2] = "arr2";
    --->new Array(size);//定義一個大小有限制的數(shù)組對象,然后以下面的方式賦值(賦值方式和上面是一樣的)
    var arr = new Array(3);
    arr[0] = "arr0";
    arr[1] = "arr1";
    arr[2] = "arr2";
    --->new Array(element0, element1, ..., elementn);//直接將數(shù)組內(nèi)容定義好
    var arr = new Array("arr0","arr1","arr2");
    此時可以知道:
    arr[0] == "arr0";
    arr[1] == "arr1";
    arr[2] == "arr2";
    2、Array對象屬性
    Array常見的屬性有三個:constructor、length和prototype
    --->constructor,顧名思義,就是一個構(gòu)造器,即這個對象是由什么構(gòu)成的,再通俗一點就是這個對象的類型,見下面例子
    var arr = new Array(3);
    if(arr.constructor==Array)
    {
    document.write("This is an Array");
    }
    if (test.constructor==Boolean)
    {
    document.write("This is a Boolean");
    }
    if (test.constructor==Date)
    {
    document.write("This is a Date");
    }
    if (test.constructor==String)
    {
    document.write("This is a String");
    }
    上面的輸出結(jié)果是:This is an Array
    --->length,即Array的長度
    var arr = new Array(3);
    document.write(arr.length);//輸出結(jié)果是3
    注意,在Javascript中是可以修改Array對象的屬性的,
    因此:
    arr.length=5;
    document.write(arr.length);//輸出結(jié)果是5
    --->prototype,使您有能力向?qū)ο筇砑訉傩院头椒ā?BR>    function myarray(name,age)//定義一個類,此類目前有兩個屬性
    {
    this.name = name;
    this.age = age;
    }
    var myarr = new myarray("john",25);
    myarray.prototype.test = null;//為myarray類添加了一個屬性
    myarr.test = "test";
    alert(myarr.test);//輸出test
    3、concat()方法--->連接兩個或多個數(shù)組
    它有兩種使用方式:
    --->連接實際數(shù)據(jù)
    例:
    var arr = new Array(1,2,3);
    alert(arr.concat(4,5));//輸出1,2,3,4,5
    --->連接兩個或多個數(shù)組
    var arr1 = new Array(1,2,3);
    var arr2 = [4,5];
    var arr3 = new Array("jone","john");
    alert(arr1.concat(arr2,arr3));//輸出1,2,3,4,5,jone,john
    4、join()方法--->數(shù)組中的元素放入一個字符串
    它可以有參數(shù)或者無參,參數(shù)代表的是對生成的字符串的分割方式
    --->無參
    var arr = new Array("jone","Grrgy","john");
    alert(arr.join());//輸出jone,Grrgy,john 字符串中間以,隔開
    --->有參
    var arr = new Array("jone","Grrgy","john");
    alert(arr.join("."));//輸出jone.Grrgy.john 字符串中間以參數(shù)隔開
    5、pop()方法用于刪除并返回數(shù)組的最后一個元素(刪除前)
    var arr = new Array("jone","john","grrgy");
    document.write(arr.pop());//輸出內(nèi)容:grrgy
    document.write(arr.join("-"));//輸出:jone-john
    6、push()方法用于向數(shù)組最后添加一個元素,并返回數(shù)組的長度(添加后)
    假如push()中參數(shù)為空(不填寫),則返回數(shù)組原長度,不會對數(shù)組做任何修改
    例:
    var arr = ["jone","john","grrgy"];
    document.write(arr.push("tom"));//輸出:4(長度)
    document.write(arr.join());//輸出:jone,john,grrgy,tom
    7、reverse()顛倒數(shù)組中元素的順序,無參
    例:
    var arr = ["jone","john","grrgy"];
    document.write(arr.reverse());//grrgy,john,jone
    8、shift()刪除并返回數(shù)組的第一個元素(刪除前)
    var arr = ["jone","john","grrgy"];
    document.write(arr.shift());//輸出:jone
    document.write(arr.join());//輸出:jone,john
    9、slice()從指定的數(shù)組中返回指定的元素,注:它返回的是一個數(shù)組
    它的參數(shù)有兩個,start和end,
    start為必選,指定的是開始元素的位置
    end為可選,指定的結(jié)束元素的位置,假如不寫,則認為是到數(shù)組結(jié)尾
    例:
    var arr = ["jone","john","grrgy","tom","hell"];
    var test = arr.slice(1);
    if(test.constructor==Array)
    {
    document.write("This is an Array<br>");
    document.write(test.join());
    }
    最后結(jié)果輸出:
    This is an Array
    john,grrgy,tom,hell
    若將var test = arr.slice(1)改為:
    var test = arr.slice(1,2);
    結(jié)果輸出為:
    john
    10、sort()對數(shù)組的元素進行排序,非常重要的一個方法
    它可以有參數(shù),參數(shù)為一個function(),此function規(guī)定了排序的規(guī)則,
    注,它生出的是原數(shù)組的副本,不會生成新的數(shù)組,即在原數(shù)組的基礎(chǔ)上進行修改
    假如不添加參數(shù)的話,那么會按照Javascript中內(nèi)置的排序方式進行,字母順序
    例:
    var arr = ["jone","john","grrgy","tom","hell"];
    document.write(arr.sort());
    document.write("<br>");
    document.write(arr);
    輸出結(jié)果為:
    grrgy,hell,john,jone,tom
    grrgy,hell,john,jone,tom
    下面是按照數(shù)字大小進行排序
    function sortNumber(a,b)// 定義排序規(guī)則的函數(shù)
    {
    if(a>b)
    {
    return 1;
    }
    else if(a<b)
    {
    return -1;
    }
    else
    {
    return 0;
    }
    }
    var arr = new Array(1,2000,3,400);
    document.write(arr.sort(sortNumber));//此處只寫函數(shù)名即可
    document.write("<br>");
    document.write(arr);
    輸出:
    1,3,400,2000
    1,3,400,2000
    11、splice()刪除元素并向數(shù)組中添加元素
    splice(index,howmany,element1,element2.....elementx)說明如下:
    index為必需項,規(guī)定從何處添加/刪除元素。該參數(shù)是開始插入和(或)刪除的數(shù)組元素的下標,必須是數(shù)字。
    howmany為必需。規(guī)定應(yīng)該刪除多少元素。必須是數(shù)字,但可以是 "0"。如果未規(guī)定此參數(shù),則刪除從 index 開始到原數(shù)組結(jié)尾的所有元素。
    當(dāng)howmany為0,則表示不刪除任何元素,言外之意就是只添加
    element1為可選,規(guī)定要添加到數(shù)組的新元素。從 index 所指的下標處開始插入,可以插入多個
    splice()和slice()的區(qū)別在于,splice()是對原數(shù)組進行的處理,它修改了原數(shù)組的值,返回一個數(shù)組。
    splice()相當(dāng)于針對數(shù)組中某個元素進行替換,或者是插入或者是刪除
    看下面三個例子:
    --->只插入
    var arr = new Array(6);
    arr[0] = "George";
    arr[1] = "John";
    arr[2] = "Thomas";
    arr[3] = "James";
    arr[4] = "Adrew";
    arr[5] = "Martin";
    document.write(arr + "<br />");
    arr.splice(2,0,"William");
    document.write(arr + "<br />");
    輸出結(jié)果:
    George,John,Thomas,James,Adrew,Martin
    George,John,William,Thomas,James,Adrew,Martin
    William插入到了2的位置
    --->只刪除
    var arr = new Array(6);
    arr[0] = "George";
    arr[1] = "John";
    arr[2] = "Thomas";
    arr[3] = "James";
    arr[4] = "Adrew";
    arr[5] = "Martin";
    document.write(arr + "<br />");
    arr.splice(2,1);
    document.write(arr + "<br />");
    輸出結(jié)果:
    George,John,Thomas,James,Adrew,Martin
    George,John,James,Adrew,Martin
    刪除了原先數(shù)組2位置的元素
    --->既刪除又添加(相當(dāng)于替換)
    var arr = new Array(6);
    arr[0] = "George";
    arr[1] = "John";
    arr[2] = "Thomas";
    arr[3] = "James";
    arr[4] = "Adrew";
    arr[5] = "Martin";
    document.write(arr + "<br />");
    arr.splice(2,1,"William");
    document.write(arr + "<br />");
    輸出結(jié)果:
    George,John,Thomas,James,Adrew,Martin
    George,John,William,James,Adrew,Martin
    將原先的Thomas替換成了William
    12、toSource()返回對象的源代碼,此方法一般位于Javascript的后臺自動調(diào)用,很少在前臺使用
    且此方法無法在IE瀏覽器實現(xiàn),例:在firefox中
    var myarr = new Array('lisi',25);
    document.write(myarr.toSource());
    輸出結(jié)果為:
    ["lisi", 25]
    假如重新定義一個類,則可以將屬性名顯示出來,例:
    function myarray(name,age)
    {
    this.name = name;
    this.age = age;
    }
    var myarr = new myarray('lisi',25);
    document.write(myarr.toSource());
    輸出結(jié)果為:
    ({name:"lisi", age:25})
    有點類似于Json類型的數(shù)據(jù),但其實僅僅是相似而已,它并不是一種Json數(shù)據(jù)類型格式
    13、toString(),數(shù)組返回成字符串,它和join()實現(xiàn)的結(jié)果一樣,但是join()方法可以自定義間隔的符號
    而toString()則不可以,只能以,隔開,例:
    var myarr = new Array('jone','john','Tom');
    document.write(myarr.join('.'));
    document.write('<br>');
    document.write(myarr.join(','));
    document.write('<br>');
    document.write(myarr.join());
    document.write('<br>');
    document.write(myarr.toString());
    輸出結(jié)果為:
    jone.john.Tom
    jone,john,Tom
    jone,john,Tom
    jone,john,Tom
    可以看出后三種方法結(jié)果是一樣的
    14、unshift(),可以向數(shù)組的開頭添加一個或多個元素并且返回數(shù)組的新長度,且原來的數(shù)組將會改變
    unshift(element1,element2,element3....),最起碼有一個元素,例:
    var myarr = new Array('jone','john','Tom');
    var length = myarr.unshift('zhangsan','lisi');
    document.write(myarr);
    document.write('<br>');
    document.write(length);
    輸出結(jié)果為:
    zhangsan,lisi,jone,john,Tom
    5
    以上所述是小編給大家介紹的JavaScript中的Array 對象(數(shù)組對象)的相關(guān)知識,希望對大家有所幫助