成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

JS中Array數組的三大屬性用法揭秘

開發 前端
Array數組有很多值得學習的地方,這里向大家描述一下JS操作Array數組的方法及屬性,Array數組主要有3大屬性,它們分別是length屬性、prototype屬性和constructor屬性。

你對Array數組的屬性和使用是否熟悉,這里和大家分享一下Array數組的3個屬性,length屬性、prototype屬性、constructor屬性使用,并附注Array數組對象的8個分類及多個方法使用。

JS操作Array數組的方法及屬性

本文總結了Array數組的3個屬性,length屬性、prototype屬性、constructor屬性使用,并附注Array數組對象的8個分類及多個方法使用,具體如下:

對象的3個屬性

1、length屬性

length屬性

Length屬性表示數組的長度,即其中元素的個數。因為數組的索引總是由0開始,所以一個數組的上下限分別是:0和length-1。和其他大多數語言不同的是,JavaScript數組的length屬性是可變的,這一點需要特別注意。當length屬性被設置得更大時,整個數組的狀態事實上不會發生變化,僅僅是length屬性變大;當length屬性被設置得比原來小時,則原先數組中索引大于或等于length的元素的值全部被丟失。下面是演示改變length屬性的例子:

  1. vararr=[12,23,5,3,25,98,76,54,56,76];
  2. //定義了一個包含10個數字的數組  
  3. alert(arr.length);//顯示數組的長度10  
  4. arr.length=12;//增大數組的長度  
  5. alert(arr.length);//顯示數組的長度已經變為12  
  6. alert(arr[8]);//顯示第9個元素的值,為56  
  7. arr.length=5;//將數組的長度減少到5,索引等于或超過5的元素被丟棄  
  8. alert(arr[8]);//顯示第9個元素已經變為"undefined"  
  9. arr.length=10;//將數組長度恢復為10  
  10. alert(arr[8]);//雖然長度被恢復為10,
  11. 但第9個元素卻無法收回,顯示"undefined" 

由上面的代碼我們可以清楚的看到length屬性的性質。但length對象不僅可以顯式的設置,它也有可能被隱式修改。JavaScript中可以使用一個未聲明過的變量,同樣,也可以使用一個未定義的數組元素(指索引超過或等于length的元素),這時,length屬性的值將被設置為所使用元素索引的值加1。例如下面的代碼:

  1. vararr=[12,23,5,3,25,98,76,54,56,76];  
  2. //定義了一個包含10個數字的數組  
  3. alert(arr.length);//顯示10  
  4. arr[15]=34;  
  5. alert(arr.length);//顯示16 

代碼中同樣是先定義了一個包含10個數字的數組,通過alert語句可以看出其長度為10。隨后使用了索引為15的元素,將其賦值為15,即arr[15]=34,這時再用alert語句輸出數組的長度,得到的是16。無論如何,對于習慣于強類型編程的開發人員來說,這是一個很令人驚訝的特性。事實上,使用newArray()形式創建的數組,其初始長度就是為0,正是對其中未定義元素的操作,才使數組的長度發生變化。

由上面的介紹可以看到,length屬性是如此的神奇,利用它可以方便的增加或者減少數組的容量。因此對length屬性的深入了解,有助于在開發過程中靈活運用。

2、prototype屬性

prototype屬性

返回對象類型原型的引用。prototype屬性是object共有的。

objectName.prototype

objectName參數是object對象的名稱。

說明:用prototype屬性提供對象的類的一組基本功能。對象的新實例“繼承”賦予該對象原型的操作。

對于Array數組對象,以以下例子說明prototype屬性的用途。

給數組對象添加返回數組中最大元素值的方法。要完成這一點,聲明一個函數,將它加入Array.prototype,并使用它。

  1. functionarray_max()  
  2. {  
  3. vari,max=this[0];  
  4. for(i=1;i<this.length;i++)  
  5. {  
  6. if(max<this[i])  
  7. max=this[i];  
  8. }  
  9. returnmax;  
  10. }  
  11.  
  12. Array.prototype.max=array_max;  
  13. varx=newArray(1,2,3,4,5,6);  
  14. vary=x.max();  
  15.  

 該代碼執行后,y保存數組x中的最大值,或說6。#p#

3、constructor屬性

constructor屬性

表示創建對象的函數。

object.constructor//object是對象或函數的名稱。

說明:constructor屬性是所有具有prototype的對象的成員。它們包括除Global和Math對象以外的所有JScript固有對象。constructor屬性保存了對構造特定對象實例的函數的引用。

例如:

  1. x=newString("Hi");  
  2. if(x.constructor==String)//進行處理(條件為真)。  
  3. //或  
  4. functionMyFunc{  
  5. //函數體。  
  6. }  
  7.  
  8. y=newMyFunc;  
  9. if(y.constructor==MyFunc)//進行處理(條件為真)。  
  10.  

 對于數組來說:
 

  1. y=newArray();  
  2.  

Array數組對象的8個分類及多個方法

1.Array數組的創建

vararrayObj=newArray(); //創建一個默認數組,長度是0
vararrayObj=newArray(size); //創建一個size長度的數組,注意Array的長度是可變的,所以不是上限,是長度
vararrayObj=newArray(item1,item2,); //創建一個數組并賦初值
要說明的是,雖然第二種方法創建數組指定了長度,但實際上所有情況下數組都是變長的,也就是說即使指定了長度為5,仍然可以將元素存儲在規定長度以外的,注意:這時長度會隨之改變。

2、Array數組的元素的訪問

varArrayItemValue=arrayObj[1];//獲取數組的元素值
arrayObj[1]="要賦予新值";//給數組元素賦予新的值

【編輯推薦】

  1. JavaScript alert()函數用法說明
  2. 解析JS實現無刷新聯動菜單技巧
  3. 使用IE8 Beta輕松調試JavaScript
  4. Javascript數組創建及其常見操作
  5. JavaScript調試工具解決IE6等多版本共存問題 

 

責任編輯:佚名 來源: itwis.com
相關推薦

2010-09-10 09:42:37

borderclearCSS

2010-08-25 13:54:29

CSStop

2010-08-25 08:47:16

CSScellspacingcellpadding

2010-08-26 10:33:27

CSSborder

2010-09-15 13:50:04

CSSposition屬性

2010-09-06 11:11:31

CSS定位

2023-04-11 16:13:44

JavaScripSymbol前端

2010-08-17 10:31:10

DIV布局屬性

2010-12-01 10:53:09

IT培訓

2010-08-25 16:12:00

蘋果

2010-09-14 13:42:22

CSSdisplay屬性

2009-11-24 18:28:44

PHP函數array_

2010-01-22 14:53:21

2010-09-10 10:10:36

CSS屬性

2010-02-02 11:08:35

中移動SAP

2012-03-31 13:51:16

IQ大戰

2010-07-07 14:19:55

UML用例圖關系

2010-06-13 16:04:14

MySQL三種安裝方式

2019-12-10 10:31:30

javascriptWeb前端開發

2010-07-13 09:23:00

Perl變量
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 亚洲一区二区视频 | aaaa网站| 免费观看成人鲁鲁鲁鲁鲁视频 | 男人天堂网址 | 男人的天堂在线视频 | 狠狠狠色丁香婷婷综合久久五月 | 天天看天天爽 | 一级特黄a大片 | 国产成人精品999在线观看 | 国产aⅴ爽av久久久久久久 | 午夜男人的天堂 | 久久久999成人 | 国产精品视频入口 | 狠狠的操 | 国产精品电影网 | 99久久精品免费看国产免费软件 | www.日韩 | 天天草草草 | 国产在线观看不卡一区二区三区 | 欧美一区二区 | 2019天天操 | 看一级毛片视频 | 欧美二区在线 | 91精品中文字幕一区二区三区 | 亚洲高清三级 | 91在线免费观看 | 国产精品1区2区3区 国产在线观看一区 | 亚洲91视频 | 久久久www成人免费精品 | 男女羞羞视频在线免费观看 | 亚州精品天堂中文字幕 | 国产成人自拍av | 日本中文字幕日韩精品免费 | 欧美日韩一区二区三区不卡视频 | 国产伦精品 | 久久高清精品 | 91aiai | 国产ts一区 | 激情视频一区 | 日韩视频在线免费观看 | 一区二区三区四区av |