JavaScript的通用屬性和數組方法 (Common properties and methods of array in JavaScript )
Properties/Methods | Descriptions |
---|---|
array.length | Returns the length of the array/total number of elements of the array |
array[index] | Returns the item name stored at “index” position |
array.push(item) | Inserts item at the end of the array |
array.unshift(item) | Inserts item at the front of the array |
array.pop() | Removes item from the end of the array |
array.shift() | Removes item from the end of the array |
array.indexOf(item) | Returns the index of the item |
array.splice(index,1)) | Removes item from the list (index must be provided) |
屬性/方法 | 內容描述 |
---|---|
array.length | 返回數組的長度/數組中元素的總數 |
數組[索引] | 返回存儲在“索引”位置的項目名稱 |
array.push(item) | 在數組末尾插入項目 |
array.unshift(項目) | 在數組的前面插入項目 |
array.pop() | 從數組末尾刪除項目 |
array.shift() | 從數組末尾刪除項目 |
array.indexOf(item) | 返回項目的索引 |
array.splice(index,1)) | 從列表中刪除項目(必須提供索引) |
Code:
碼:
<html>
<head>
<script>
var fruits = [
"apple",
"mango",
"banana",
"grapes",
"guava"
];
</script>
</head>
<body>
<script>
document.write("<h3>List Of Array Items</h3>")
document.write("<hr />");
document.write("<ul>");
for(var i=0;i<fruits.length;i++){
document.write("<li>"+fruits[i]+"</li>");
}
document.write("</ul>");
document.write("<hr />")
var size=fruits.length;
document.write("Size of Array : "+size+"<br />");
var first = fruits[0];
document.write("First Item of Array : "+first+"<br /><br />");
fruits.forEach(function(item,index,array){
document.write("Fruits["+index+"] = "+item+"<br />");
});
//Insert Item at last
fruits.push("orange");
document.write("<br />")
fruits.forEach(function(item,index,array){
document.write("Fruits["+index+"] = "+item+"<br />");
});
//Insert Item at Front
fruits.unshift("cherry");
document.write("<br />")
fruits.forEach(function(item,index,array){
document.write("Fruits["+index+"] = "+item+"<br />");
});
//Remove Item from Last
fruits.pop();
document.write("<br />")
fruits.forEach(function(item,index,array){
document.write("Fruits["+index+"] = "+item+"<br />");
});
//Remove Item from Front
fruits.shift();
document.write("<br />")
fruits.forEach(function(item,index,array){
document.write("Fruits["+index+"] = "+item+"<br />");
});
//Finding Index of Item
var index = fruits.indexOf("banana");
document.write("<br />");
document.write("Index of banana : "+index+"<br />");
//Removing any item from List
document.write("<br />");
var pos = fruits.indexOf("banana");
fruits.splice(pos,1)
fruits.forEach(function(item,index,array){
document.write("Fruits["+index+"] = "+item+"<br />");
});
</script>
</body>
</html>
Output
輸出量
List Of Array Items
apple
mango
banana
grapes
guava
Size of Array : 5
First Item of Array : apple
Fruits[0] = apple
Fruits[1] = mango
Fruits[2] = banana
Fruits[3] = grapes
Fruits[4] = guava
Fruits[0] = apple
Fruits[1] = mango
Fruits[2] = banana
Fruits[3] = grapes
Fruits[4] = guava
Fruits[5] = orange
Fruits[0] = cherry
Fruits[1] = apple
Fruits[2] = mango
Fruits[3] = banana
Fruits[4] = grapes
Fruits[5] = guava
Fruits[6] = orange
Fruits[0] = cherry
Fruits[1] = apple
Fruits[2] = mango
Fruits[3] = banana
Fruits[4] = grapes
Fruits[5] = guava
Fruits[0] = apple
Fruits[1] = mango
Fruits[2] = banana
Fruits[3] = grapes
Fruits[4] = guava
Index of banana : 2
Fruits[0] = apple
Fruits[1] = mango
Fruits[2] = grapes
Fruits[3] = guava
翻譯自: https://www.includehelp.com/code-snippets/common-properties-and-methods-of-array-in-javascript.aspx