JavaScript|數組對象

時間 2021-08-13

標籤 javascript html java 數組 ide 函數學習 this prototype htm 欄目 JavaScript 简体版

原文原文鏈接

講到數組會有人問，什麼是數組？數組就是有序數據的集合，在JavaScript中的數組元素容許屬於不一樣的數據類型，用數組名和下標就能夠惟一地肯定數組中的元素。接下來將會詳細的講解一下JavaScript數組對象。javascript

建立數組對象html

數組是具備相同數據類型的變量集合，這些變量均可以經過檢索進行訪問。數組中的變量稱爲數組的元素，數組可以容納元素的數量稱爲數組的長度。數組中的每個元素都具備惟一的索引（下標）與其相對應，在JavaScript中，數組的索引從零開始。java

數組對象使用Array，新建數組對象有三種方法。數組

方法一：var 數組名 = new Date()；//新建一個長度爲0的數組ide

方法二：var 數組名 = new Date(n)；//新建一個長度爲n的數組函數

方法三：var 數組名 = new Date(元素1,元素2,元素3,…)；//新建一個指定長度的數組並賦值學習

數組對象屬性的應用this

在JavaScript中數組對象的屬性主要有三個：prototype

constructor：返回對建立對象的數據函數的引用；htm

length：設置或返回數組中的元素的數目；

prototype：使開發者有能力向對象添加屬性和方法

1.constructor

constructor屬性返回對建立對象的數據函數的引用，其語法格式以下：

object. constructor;

示例：

<!DOCTYPE html>

<html>

<head>

<title>數組對象的學習</title>

</head>

<body>

var myArray1 = new Array();

if(myArray1.constructor==Array){

document.write("這是數組對象");

}

if(myArray1.constructor==Boolean){

document.write("這是布爾對象");

}

if(myArray1.constructor==Date){

document.write("這是日期對象");

}

if(myArray1.constructor==String){

document.write("這是字符串對象");

}

</script>

</body>

</html>

顯示結果：

圖1 數組對象的constructor屬性結果

2. length

Length返回數組元素中元素的數目，其語法格式以下：

arrayObject.length;

示例：

<!DOCTYPE html>

<html>

<head>

<title>數組對象的學習</title>

</head>

<body>

var arr = new Array(3);

arr[0] = "xiaozhan"

arr[1] = "zhangyunlei"

arr[2] = "zhangjie"

document.write("數組的長度：" + arr.length);

document.write("<br />");

arr.length=5;

document.write("設置以後的長度：" + arr.length);

</script>

</body>

</html>

顯示結果：

圖2 數組對象的length屬性結果

3.prototype

Prototype屬性能夠對對象田間屬性和方法。其語法格式以下：

Object,prototype.name = value;

示例：

<!DOCTYPE html>

<html>

<head>

<title>數組對象的學習</title>

</head>

<body>

Array.prototype.outAll = function(ar){

for(var i=0;i<this.length;i++){

document.write(this[i]);

document.write(ar);

}

document.write("<br>");

}

var arr = new Array(1,2,3,4,5,6,7,8,9);

arr.outAll("");

</script>

</body>

</html>

顯示結果：

圖3 數組對象的prototype屬性結果

數組對象經常使用方法

在JavaScript中，有大量的數組經常使用的操做方法，好比合並數組、刪除數組元素、添加數組元素等。只有不斷地運用這些方法才能熟練的掌握。在這裏給你們展現一下數組對象方法表，可幫助你們快速查找須要用到的方法。

方法	描述
concat()	鏈接兩個或更多的數組，並返回結果。
pop()	刪除並返回數組的最後一個元素
join()	把數組的全部元素放入一個字符串。元素經過指定的分隔符進行分隔
push()	向數組的末尾添加一個或更多元素，並返回新的長度。
reverse()	顛倒數組中元素的順序。
slice()	從某個已有的數組返回選定的元素
shift()	刪除並返回數組的第一個元素
sort()	對數組的元素進行排序
splice()	刪除元素，並向數組添加新元素
toString()	把數組轉換爲字符串，並返回結果
toSource()	返回該對象的源代碼
toLocaleString()	把數組轉換爲本地數組，並返回結果
unshift()	向數組的開頭添加一個或更多元素，並返回新的長度
valueOf()	返回數組對象的原始值