麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

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

2019-11-20 09:49:19
字體:
來源:轉載
供稿:網友

 1、創建Array對象方法:

--->var arr = [1,2,3];//簡單的定義方法

此時可以知道

arr[0] == 1;arr[1] == 2;arr[2] == 3;--->new Array();var arr = new Array();//定義一個沒有任何內容的數組對象,然后以下面的方式為其賦值arr[0] = "arr0";arr[1] = "arr1";arr[2] = "arr2";--->new Array(size);//定義一個大小有限制的數組對象,然后以下面的方式賦值(賦值方式和上面是一樣的)var arr = new Array(3);arr[0] = "arr0";arr[1] = "arr1";arr[2] = "arr2";--->new Array(element0, element1, ..., elementn);//直接將數組內容定義好var arr = new Array("arr0","arr1","arr2");

此時可以知道:

arr[0] == "arr0";arr[1] == "arr1";arr[2] == "arr2";

2、Array對象屬性

Array常見的屬性有三個:constructor、length和prototype

--->constructor,顧名思義,就是一個構造器,即這個對象是由什么構成的,再通俗一點就是這個對象的類型,見下面例子

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");}

上面的輸出結果是:This is an Array

--->length,即Array的長度var arr = new Array(3);document.write(arr.length);//輸出結果是3

注意,在Javascript中是可以修改Array對象的屬性的,

因此:

arr.length=5;document.write(arr.length);//輸出結果是5--->prototype,使您有能力向對象添加屬性和方法。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()方法--->連接兩個或多個數組

它有兩種使用方式:

--->連接實際數據

例:

var arr = new Array(1,2,3);alert(arr.concat(4,5));//輸出1,2,3,4,5

--->連接兩個或多個數組

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()方法--->數組中的元素放入一個字符串

它可以有參數或者無參,參數代表的是對生成的字符串的分割方式

--->無參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 字符串中間以參數隔開

5、pop()方法用于刪除并返回數組的最后一個元素(刪除前)

var arr = new Array("jone","john","grrgy");document.write(arr.pop());//輸出內容:grrgydocument.write(arr.join("-"));//輸出:jone-john

6、push()方法用于向數組最后添加一個元素,并返回數組的長度(添加后)

假如push()中參數為空(不填寫),則返回數組原長度,不會對數組做任何修改
例:

var arr = ["jone","john","grrgy"];document.write(arr.push("tom"));//輸出:4(長度)document.write(arr.join());//輸出:jone,john,grrgy,tom

7、reverse()顛倒數組中元素的順序,無參

例:

var arr = ["jone","john","grrgy"];document.write(arr.reverse());//grrgy,john,jone

8、shift()刪除并返回數組的第一個元素(刪除前)

var arr = ["jone","john","grrgy"];document.write(arr.shift());//輸出:jonedocument.write(arr.join());//輸出:jone,john

9、slice()從指定的數組中返回指定的元素,注:它返回的是一個數組

它的參數有兩個,start和end,
start為必選,指定的是開始元素的位置
end為可選,指定的結束元素的位置,假如不寫,則認為是到數組結尾

例:

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());}

最后結果輸出:

This is an Array
john,grrgy,tom,hell

若將var test = arr.slice(1)改為:

var test = arr.slice(1,2);

結果輸出為:

john

10、sort()對數組的元素進行排序,非常重要的一個方法

它可以有參數,參數為一個function(),此function規定了排序的規則,
注,它生出的是原數組的副本,不會生成新的數組,即在原數組的基礎上進行修改
假如不添加參數的話,那么會按照Javascript中內置的排序方式進行,字母順序

例:

var arr = ["jone","john","grrgy","tom","hell"];document.write(arr.sort());document.write("<br>");document.write(arr);

輸出結果為:

grrgy,hell,john,jone,tom
grrgy,hell,john,jone,tom

下面是按照數字大小進行排序

function sortNumber(a,b)// 定義排序規則的函數{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));//此處只寫函數名即可document.write("<br>");document.write(arr);

輸出:

1,3,400,2000
1,3,400,2000

11、splice()刪除元素并向數組中添加元素

splice(index,howmany,element1,element2.....elementx)說明如下:

index為必需項,規定從何處添加/刪除元素。該參數是開始插入和(或)刪除的數組元素的下標,必須是數字。
howmany為必需。規定應該刪除多少元素。必須是數字,但可以是 "0"。如果未規定此參數,則刪除從 index 開始到原數組結尾的所有元素。
當howmany為0,則表示不刪除任何元素,言外之意就是只添加
element1為可選,規定要添加到數組的新元素。從 index 所指的下標處開始插入,可以插入多個
splice()和slice()的區別在于,splice()是對原數組進行的處理,它修改了原數組的值,返回一個數組。
splice()相當于針對數組中某個元素進行替換,或者是插入或者是刪除

看下面三個例子:

--->只插入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 />");

輸出結果:

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 />");

輸出結果:

George,John,Thomas,James,Adrew,Martin
George,John,James,Adrew,Martin

刪除了原先數組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,"William");document.write(arr + "<br />");

輸出結果:

George,John,Thomas,James,Adrew,Martin
George,John,William,James,Adrew,Martin

將原先的Thomas替換成了William

12、toSource()返回對象的源代碼,此方法一般位于Javascript的后臺自動調用,很少在前臺使用

且此方法無法在IE瀏覽器實現,例:在firefox中

var myarr = new Array('lisi',25);document.write(myarr.toSource());

輸出結果為:

["lisi", 25]

假如重新定義一個類,則可以將屬性名顯示出來,例:

function myarray(name,age){this.name = name;this.age = age;}var myarr = new myarray('lisi',25);document.write(myarr.toSource());

輸出結果為:

({name:"lisi", age:25})

有點類似于Json類型的數據,但其實僅僅是相似而已,它并不是一種Json數據類型格式

13、toString(),數組返回成字符串,它和join()實現的結果一樣,但是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());

輸出結果為:

jone.john.Tom
jone,john,Tom
jone,john,Tom
jone,john,Tom

可以看出后三種方法結果是一樣的

14、unshift(),可以向數組的開頭添加一個或多個元素并且返回數組的新長度,且原來的數組將會改變

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);

輸出結果為:

zhangsan,lisi,jone,john,Tom
5

以上所述是小編給大家介紹的JavaScript中的Array 對象(數組對象)的相關知識,希望對大家有所幫助!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 国产精品免费视频观看 | 99激情视频 | 久久国产在线观看 | 粉色视频污 | 免费黄色大片在线观看 | 国产做爰全免费的视频黑人 | 一区二区国产在线 | 伊人久操视频 | 色污视频在线观看 | 性生活视频一级 | 露脸各种姿势啪啪的清纯美女 | 欧美一级毛片一级毛片 | 免费国产网站 | 27xxoo无遮挡动态视频 | 可以看毛片的网址 | 一区二区三区欧洲 | 国产精品视频一区二区三区四区五区 | 久久久久久久一区二区三区 | 性 毛片 | 涩涩屋av| 国产乱淫a∨片免费视频 | 久久久久久久久国产精品 | 欧美一级一区二区三区 | 成人在线视频免费看 | 男人的天堂视频网站 | 国产伦精品一区二区三区在线 | 撅高 自己扒开 调教 | 13一14毛片免费看 | 91短视频网页版 | 高清成人在线 | 日本精品免费观看 | 中文字幕在线视频日本 | 黄视频网站免费观看 | 一级做a爱片性色毛片高清 国产精品色在线网站 | 日韩黄色免费在线观看 | 欧美成人小视频 | av在线不卡免费 | 日韩视频一区 | 免费h片网站 | 欧美四级在线观看 | 九九热精品在线 |