JavaScript中的Array 對象（數組對象）

更新時間：2016年06月02日 14:10:59 作者：meaijojo

Array 對象用于在單個的變量中存儲多個值。

1、創(chuàng)建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());//輸出內容：grrgy
document.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());//輸出：jone
document.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規(guī)定了排序的規(guī)則,
注，它生出的是原數組的副本，不會生成新的數組，即在原數組的基礎上進行修改
假如不添加參數的話，那么會按照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)// 定義排序規(guī)則的函數
{
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為必需項，規(guī)定從何處添加/刪除元素。該參數是開始插入和（或）刪除的數組元素的下標，必須是數字。
howmany為必需。規(guī)定應該刪除多少元素。必須是數字，但可以是 "0"。如果未規(guī)定此參數，則刪除從 index 開始到原數組結尾的所有元素。
當howmany為0，則表示不刪除任何元素，言外之意就是只添加
element1為可選，規(guī)定要添加到數組的新元素。從 index 所指的下標處開始插入，可以插入多個
splice()和slice()的區(qū)別在于，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瀏覽器實現(xiàn),例：在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()實現(xiàn)的結果一樣，但是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 對象（數組對象）的相關知識，希望對大家有所幫助！

您可能感興趣的文章:

淺談JS中小數相加不精確的原因
Javascript在處理數字問題時，我們有可能遇到小數相加不準確的問題，本文主要介紹了淺談JS中小數相加不精確的原因，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2023-04-04
淺談一種讓小程序支持JSX語法的新思路
這篇文章主要介紹了淺談一種讓小程序支持JSX語法的新思路，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2019-06-06
微信小程序實現(xiàn)簡易加法計算器
這篇文章主要為大家詳細介紹了微信小程序加法計算器，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-09-09
基于JS實現(xiàn)checkbox全選功能實例代碼
最近做了個項目其中有這樣的需求要求實現(xiàn)點擊全選選中所有菜單，再次點擊全選取消選中。下面小編給大家分享實現(xiàn)代碼，對js實現(xiàn)checkbox全選功能感興趣的朋友參考下吧
2016-10-10
js實現(xiàn)批量刪除功能
這篇文章主要為大家詳細介紹了js實現(xiàn)批量刪除功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-08-08
javascript中將Object轉換為String函數代碼 (json str)
下面的代碼就是想將Object轉換為String函數,需要的朋友可以參考下
2012-04-04
webpack源碼之loader機制詳解
本篇文章主要介紹了webpack源碼之loader機制詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-04-04
詳解微信小程序-獲取用戶session_key,openid,unionid - 后端為nodejs
這篇文章主要介紹了微信小程序獲取session_key,openid,unionid的方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2019-04-04
JS封裝cavans多種濾鏡組件
這篇文章主要介紹了JS封裝cavans多種濾鏡組件,本文主要是講解圖片濾鏡的效果以及實現(xiàn)思路，如需更多的濾鏡效果可以研究算法或者參考其他的一些開源庫glfx.js、lena.js等等,需要的朋友可以參考下
2022-02-02
js設置文本框中焦點位置在最后的示例代碼(簡單實用)
本篇文章主要是對js設置文本框中焦點位置在最后的示例代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2014-03-03