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

2022-05-18 15:08 更新

數(shù)組對象的作用是:使用單獨的變量名來存儲一系列的值。

參數(shù)

參數(shù) size 是期望的數(shù)組元素個數(shù)。返回的數(shù)組,length 字段將被設為 size 的值。

參數(shù) element ...; elementn 是參數(shù)列表。當使用這些參數(shù)來調用構造函數(shù) Array() 時,新創(chuàng)建的數(shù)組的元素就會被初始化為這些值。它的 length 字段也會被設置為參數(shù)的個數(shù)。

返回值

返回新創(chuàng)建并被初始化了的數(shù)組。

如果調用構造函數(shù) Array() 時沒有使用參數(shù),那么返回的數(shù)組為空,length 字段為 0。

當調用構造函數(shù)時只傳遞給它一個數(shù)字參數(shù),該構造函數(shù)將返回具有指定個數(shù)、元素為 undefined 的數(shù)組。

當其他參數(shù)調用 Array() 時,該構造函數(shù)將用參數(shù)指定的值初始化數(shù)組。

當把構造函數(shù)作為函數(shù)調用,不使用 new 運算符時,它的行為與使用 new 運算符調用它時的行為完全一樣。


Array 對象屬性

屬性 描述
constructor 返回對創(chuàng)建此對象的數(shù)組函數(shù)的引用。
length 設置或返回數(shù)組中元素的數(shù)目。
prototype 使您有能力向對象添加屬性和方法。

Examples

在線實例

創(chuàng)建數(shù)組, 為其賦值:

實例

var mycars = new Array();
mycars[0] = "Saab";
mycars[1] = "Volvo";
mycars[2] = "BMW";

嘗試一下 ?

頁面底部你可以找到更多的實例。

提示:在JavaScript數(shù)組中,第一個數(shù)組元素的索引值為 0,第二個索引值為 1,依次類推。


什么是數(shù)組?

數(shù)組對象是使用單獨的變量名來存儲一系列的值。

如果你有一組數(shù)據(jù)(例如:車名字),存在單獨變量如下所示:

var car1="Saab";
var car2="Volvo";
var car3="BMW";

然而,如果你想從中找出某一輛車?并且不是3輛,而是300輛呢?這將不是一件容易的事!

最好的方法就是用數(shù)組。

數(shù)組可以用一個變量名存儲所有的值,并且可以用變量名訪問任何一個值。

數(shù)組中的每個元素都有自己的的ID,以便它可以很容易地被訪問到。


創(chuàng)建一個數(shù)組

創(chuàng)建一個數(shù)組,有三種方法。

下面的代碼定義了一個名為 myCars的數(shù)組對象:

1: 常規(guī)方式:

var myCars=new Array();
myCars[0]="Saab";      
myCars[1]="Volvo";     
myCars[2]="BMW";

2: 簡潔方式:

var myCars=new Array("Saab","Volvo","BMW");

3: 字面:

var myCars=["Saab","Volvo","BMW"];

提示:你可以通過本站的JavaScript編程實戰(zhàn)來練習如何創(chuàng)建JavaScript數(shù)組!


訪問數(shù)組

通過指定數(shù)組名以及索引號碼,你可以訪問某個特定的元素。

以下實例可以訪問myCars數(shù)組的第一個值:

var name=myCars[0];

以下實例修改了數(shù)組 myCars 的第一個元素:

myCars[0]="Opel";
lamp [0] 是數(shù)組的第一個元素。[1] 是數(shù)組的第二個元素。


在一個數(shù)組中你可以有不同的對象

所有的JavaScript變量都是對象。數(shù)組元素是對象。函數(shù)是對象。

因此,你可以在數(shù)組中有不同的變量類型。

你可以在一個數(shù)組中包含對象元素、函數(shù)、數(shù)組:

myArray[0]=Date.now;      
myArray[1]=myFunction;
myArray[2]=myCars;

數(shù)組方法和屬性

使用數(shù)組對象預定義屬性和方法:

var x=myCars.length             // the number of elements in myCars 
var y=myCars.indexOf("Volvo")   // the index position of "Volvo"

完整的數(shù)組對象參考手冊

你可以參考本站關于數(shù)組的所有屬性和方法的完整參考手冊。

參考手冊包含了所有屬性和方法的描述(和更多的例子)。

完整數(shù)組對象參考手冊


創(chuàng)建新方法

原型是JavaScript全局構造函數(shù)。它可以構建新Javascript對象的屬性和方法。

實例:創(chuàng)建一個新的方法。

Array.prototype.ucase=function(){
   for (i=0;i<this.length;i++){
      this[i]=this[i].toUpperCase();
   }
}

嘗試一下 ?

上面的例子創(chuàng)建了新的數(shù)組方法用于將數(shù)組小寫字符轉為大寫字符。


Examples

更多實例

合并兩個數(shù)組 - concat()

合并三個數(shù)組 - concat()

用數(shù)組的元素組成字符串 - join()

刪除數(shù)組的最后一個元素 - pop()

數(shù)組的末尾添加新的元素 - push()

將一個數(shù)組中的元素的順序反轉排序 - reverse()

刪除數(shù)組的第一個元素 - shift()

從一個數(shù)組中選擇元素 - slice()

數(shù)組排序(按字母順序升序)- sort()

數(shù)字排序(按數(shù)字順序升序)- sort()

數(shù)字排序(按數(shù)字順序降序)- sort()

在數(shù)組的第2位置添加一個元素 - splice()

轉換數(shù)組到字符串 -toString()

在數(shù)組的開頭添加新元素 - unshift()


JavaScript 數(shù)組知識圖



以上內容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號