JavaScript基礎——使用陣列
Array物件提供儲存和處理一組其他物件的一種手段。陣列可以儲存數值、字串或其他JavaScript物件。建立JavaScript陣列有幾種不同的方法。例如,下面的語句穿件同樣的駐足的3個相同的版本:
var arr = ["one","two","three"];
var arr2 = new Array();
arr2[0] = "one";
arr2[1] = "two";
arr2[2] = "three";
arr3.push("one");
arr3.push("two");
arr3.push("three");
第一種方法定義了arr,並使用[]在一條語句中設定它的內容。第二種方法建立arr2物件,然後使用直接索引賦值來增加條目。第三種方法建立arr3物件,然後使用擴充套件陣列的最佳選擇push()方法來把條目推到陣列上。
要確定陣列中元素的個數,可以使用陣列物件的length屬性,如下面的例子所示:
var numOfItems = arr.length;
陣列遵循一個從零開始的索引,這意味著第一項在索引0上,等等。例如,在下面的程式碼中,變數first的值是Monday,變數last的值將是Friday:
var
week = ["Mondy","Tuesday","Wednesday","Thursday","Friday"];
var first = w [0];
var last = week[week.length-1];
陣列物件有許多內建的函式,使你可以用不同的方式來訪問和運算元組。下表描述了連線到Array物件,讓你運算元組內容的方法。
用來操作Array物件的方法
方 法說 明
concat(arr1,arr2,...)返回一個陣列和作為引數傳遞的陣列的連線副本
indexOf(value)返回陣列中value的第一個索引。或如果沒有找到該條目,返回-1
join(separator)把一個陣列中的所有元素連線為由separator分隔的單個字串。如果沒有指定分隔符,則使用逗號作為分隔符
lastIndexOf(value)返回陣列中value的最後一個索引。或如果沒有找到該條目,返回-1
pop()刪除陣列的最後一個元素,並返回該元素
push(item1,item2,...)新增一個或多個新元素到陣列的結尾,並返回陣列的新長度
reverse()反轉陣列中所有元素的順序
shift()刪除陣列的第一個元素,並返回該元素
slice(start,end)返回start和end索引之間的元素
sort(sortFunction)對陣列的元素排序。sortFunction是可選的
splice(index,count,item1,item2...)在index指定的索引處,刪除count個條目,然後在index出插入作為引數傳入的任意可選條目
toString()返回一個陣列的字串形式
unshift()將新元素新增到陣列的開頭,並返回新的長度
valueOf()方法返回一個陣列物件的原始值
1、合併陣列
你可以用合併String物件的相同方式來合併陣列:使用+語句或使用concat()方法。在下面的程式碼中,arr3最終和arr4是一樣的:
var arr1 = [1,2,3]; 大連無痛人流醫院
var arr2 = ["one","two","three"];
var arr3 = arr1 + arr2;
var arr4 = arr1.concat(arr2);
注意
你可以將一個數字陣列和一個字串陣列合並。陣列中的每一項都將保持自己的物件型別。然而,當你使用陣列中的條目時,需要對有多個資料型別的陣列保持跟蹤,這樣你才不會陷入麻煩。
2、遍歷陣列
你可以使用for或for/in迴圈對陣列進行遍歷。下面的程式碼說明了使用每種方法再陣列中遍歷每個條目的寫法:
var week = ["Monday","Tuesday","Wednesday","Thursday","Friday"];
for ( var i = 0; i
console.log("
" + week[i] + "
");
}
for (dayIndex in week){
console.log("
" + week[dayIndex] + "
");
}
3、將陣列轉換為字串
Array物件的一個非常有用的功能是,將一個陣列的元素結合在一起,製造一個String物件,透過使用join()方法指定分隔符分隔。例如,下面的程式碼把時間元件重新連線成12:10:36的格式:
var timeArr = [12,10,36]
var timeStr = timeArr.join(":");
4、檢查陣列是否包含某個條目
你經常需要檢查陣列中是否包含某一個條目。可以使用indexOf()方法做到這一點。如果程式碼沒有找到列表中的條目,則返回-1。如果一個條目在week陣列中,下面的函式就把一條訊息寫到控制檯:
function message(day){
var week = ["Monday","Tuesday","Wednesday","Thursday","Friday"];
if (week.indexOf(day) != -1){
console.log("Happy" + day);
}
}
5、在陣列中新增條目和刪除條目
使用各種內建的方法,有多種往Array物件新增條目,並從Array物件刪除條目的方法。下表列出了一些在本書中使用的不同方法。
用來在陣列新增或刪除元素的Array物件方法,陣列顯示為從表開始到末尾的進度
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/70005147/viewspace-2787363/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- JavaScript基礎(五)陣列JavaScript陣列
- 陣列基礎使用陣列
- JavaScript基礎總結(三)——陣列總結JavaScript陣列
- 樹狀陣列基礎陣列
- golang基礎之陣列Golang陣列
- 林大媽的JavaScript基礎知識(三):JavaScript程式設計(4)陣列JavaScript程式設計陣列
- JAVA基礎--二維陣列Java陣列
- NumPy 基礎 (一) - 建立陣列陣列
- 演算法基礎:動態規劃陣列中滾動陣列的使用演算法動態規劃陣列
- JavaScript 陣列JavaScript陣列
- [譯]如何更好的使用javascript陣列JavaScript陣列
- 【譯】如何更好的使用javascript陣列JavaScript陣列
- C語言基礎-1、陣列C語言陣列
- Go 基礎教程--6 陣列 ArrayGo陣列
- Go 基礎教程--5 陣列 ArrayGo陣列
- NumPy 基礎 (二) - 陣列運算陣列
- 【重溫基礎】10.陣列陣列
- java基礎(十) 陣列型別Java陣列型別
- Javascript - 陣列和陣列的方法JavaScript陣列
- 6-Java基礎語法-陣列之一維陣列Java陣列
- JavaScript 陣列操作JavaScript陣列
- JavaScript 陣列排序JavaScript陣列排序
- JavaScript 陣列 toString()JavaScript陣列
- JavaScript—陣列(17)JavaScript陣列
- JavaScript 陣列 slice()JavaScript陣列
- JavaScript 陣列 fill()JavaScript陣列
- JavaScript 陣列 lastIndexOf()JavaScript陣列ASTIndex
- JavaScript 陣列 indexOf()JavaScript陣列Index
- JavaScript 陣列 concat()JavaScript陣列
- JavaScript 陣列concat()JavaScript陣列
- JavaScript 陣列slice()JavaScript陣列
- JavaScript 陣列indexOf()JavaScript陣列Index
- JavaScript 陣列values()JavaScript陣列
- JavaScript 陣列fill()JavaScript陣列
- javascript陣列操作JavaScript陣列
- JavaScript陣列(一)JavaScript陣列
- JavaScript 陣列 keys()JavaScript陣列
- JavaScript陣列(二)JavaScript陣列