Javascript數組

時間 2021-08-13

標籤 javascript html java 數組 dom ide 函數網站 spa 欄目 JavaScript 简体版

原文原文鏈接

JavaScript容許咱們使用一個數組（Array）來存儲和訪問相關的數據。一個數組有點像一行單元格（元素），每一個單元格包含一個獨立的數據項。一個數組能夠存儲JavaScript支持的任何數據類型。所以，舉例來講，你可使用一個數組來處理用戶用來選擇的項目列表，或者一批圖象座標，或者一組圖像的引用。javascript

Array對象，相似String 和Date對象，須要使用new關鍵字和構造函數來建立。咱們能夠在建立它的時候初始化一個數組對象：html

var preInitArray = new Array( "First item", "Second item",➥java

"Third Item" );數組

或者設置它來保存必定數目的數據像：dom

var preDeterminedSizeArray = new Array( 3 );ide

或者只建立一個空數組：函數

var anArray = new Array();網站

你能夠經過爲這些元素賦值的方式來爲數組添加新的數據項：ui

anArray[0] = "anItem"spa

anArray[1] = "anotherItem"

anArray[2] = "andAnother"

n 提示：你能夠不使用array()構造函數；並且使用簡寫符號是頗有效的：

var myArray = [1, 2, 3];

var yourArray = ["red", "blue", "green"]

只要你構造了一個數組，咱們就可使用中括號，經過索引和位置（它也是基於0開始的）來訪問它的元素：

<html>

<body>

var preInitArray = new Array( "First Item",➥

"Second Item", "Third Item" );

document.write( preInitArray[0] + "<br>" );

document.write( preInitArray[1] + "<br>" );

document.write( preInitArray[2] + "<br>" );

</script>

</body>

</html>

若是你想循環遍歷整個數組，使用索引數來存儲數據項是很是有用的，咱們下面會看一下循環。

你能夠不使用數字索引而使用關鍵字來訪問數據元素，像這樣：

<html>

<body>

// Creating an array object and setting index

// position 0 to equal the string Fruit

var anArray = new Array( );

anArray[0] = "Fruit";

// Setting the index using the keyword

// 'CostOfApple' as the index.

anArray["CostOfApple"] = 0.75;

document.write( anArray[0] + "<br>" );

document.write( anArray["CostOfApple"] );

</script>

</body>

</html>

關鍵字在下面的一些狀況下是很是有效的，在你能夠給數據分配有用地標籤，或者你存儲一些只有在上下文中才有效的實體的地方，如一個圖像座標列表。但是，若是它們已經使用關鍵字被設置了，那麼你不能使用索引數來訪問實體（在一些其餘的語言中是能夠的，如PHP）。咱們也可使用變量做爲索引。咱們使用變量（一個保存一個字符串，另外一個保存一個數字）代替文本值，改寫一下前面的例子：

<html>

<body>

var anArray = new Array( );

var itemIndex = 0;

var itemKeyword = "CostOfApple";

anArray[itemIndex] = "Fruit";

anArray[itemKeyword] = 0.75;

document.write( anArray[itemIndex] + "<br>" );

document.write( anArray[itemKeyword] );

</script>

</body>

</html>