一、 什么是數組?

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

如果你有一組數據（例如：車名字），存在單獨變量如下所示：

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

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

最好的方法就是用數組。

數組可以用一個變量名存儲所有的值，并且可以用變量名訪問任何一個值。

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

二、創建一個數組

1: 常規方式:

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"];

三、訪問數組

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

var name=myCars[0];

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

myCars[0]="Opel";

數組的長度

myCars.length

JS中的數組是可以通過修改length屬性來改變數組長度的

myCars.length=5; console.log(myCars)

四、數組的遍歷

1、普通for循環遍歷數組

var myCar=new Array("Saab","Volvo","BMW"); for (i=0,len=myCar.length;i<len;i++){console.log(myCar[i]) }

2、foreach循環遍歷數組

for(i in myCar){console.log(myCar[i]) }

五、數組的常用方法

var myCars=new Array("Saab","Volvo","BMW"); var myCars=new Array("baoma","benchi","aodi");//查詢元素的索引 var index=myCars.indexOf('Saab') console.log(index)//合并2個數組 var myCars=new Array("Saab","Volvo","BMW"); var myCars1=new Array("baoma","benchi","aodi"); var myCars2=new Array("bentian","bingli") var Cars=myCars.concat(myCars1) console.log(Cars)//合并三個數組 var Cars=myCars.concat(myCars1,myCars2) console.log(Cars)//合并字符串 var Cars=myCars.join() console.log(Cars)//移除最后一個元素 var Cars=myCars.pop() console.log(Cars)//結尾增加元素 var Cars=myCars.push("baoma") console.log(Cars)//反轉數組 Cars=myCars.reverse() console.log(Cars)//刪除數組第一個元素 var ss =fruits.shift(); console.log(fruits); console.log(ss)//向第一個位置添加元素 fruits.unshift("火龍果"); console.log(fruits);// 截取子數組 從哪個索引開始,到哪個索引結束 包頭不包尾 var citrus = fruits.slice(1,3); console.log(citrus)var numbers =[1,2,3,4,5,6,7,8,9]// 刪除數組中的某些元素 2 從哪個索引開始刪除 3 刪除多個少個元素numbers.splice(2,3); console.log(numbers)//如果第二個參數是0 那么就變成了在指定索引位置增加元素numbers.splice(2,0,100); console.log(numbers)

六、數組的排序

var myCars=new Array("Saab","Volvo","BMW"); myCars.sort() console.log(myCars)var number=new Array(4,6,2,8,1) 升序 number.sort(function(a,b){return a-b}) console.log(number) 降序 number.sort(function(a,b){return b-a}) console.log(number)

數組的更多方法：https://www.runoob.com/js/js-obj-array.html

總結

以上是生活随笔為你收集整理的JavaScript之 Array（数组） 对象的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。