程式開發學習之路

[JavaScript-陣列類]陣列加入移除陣列元素的方法-使用splice()

說明：
splice(開紿位置,結束位置,加入元素)
例：
移除第1位到第3位的資料，加入新的資料111
程式：
<script type="text/javascript">
var arr1 = [9,7,6,4,1,2,3];

document.write("陣列的資料：<br>");
for( i =0 ; i < arr1.length;i++){
document.write("arr1["+i+"]:"+arr1[i]+"<br>");
}
arr1.splice(1,3,111)
document.write("加入移除陣列元素後的資料：<br>");
for( i =0 ; i < arr1.length;i++){
document.write("arr1["+i+"]:"+arr1[i]+"<br>");
}
</script>

結果：

[JavaScript-陣列類]陣列刪除的方法-使用delete

說明：
刪除陣列內的資料。

程式：
<script type="text/javascript">
var arr1 = new Array(9,7,6,4,1,2,3);

document.write("陣列的資料：<br>");
for( i =0 ; i < arr1.length;i++){
document.write("arr1["+i+"]:"+arr1[i]+"<br>");
}
delete arr1[0];
document.write("刪除陣列[0]後的資料：<br>");
for( i =0 ; i < arr1.length;i++){
document.write("arr1["+i+"]:"+arr1[i]+"<br>");
}
</script>

結果：

[JavaScript-陣列類]陣列排序的方法-使用sort()

說明：
將陣列中的資料排序。

程式：
<script type="text/javascript">
var arr1 = new Array(9,7,6,4,1,2,3);

document.write("原陣列的資料：<br>");
for( i =0 ; i < arr1.length;i++){
document.write("arr1["+i+"]:"+arr1[i]+"<br>");
}
arr1.sort()
document.write("排序後陣列的資料：<br>");
for( i =0 ; i < arr1.length;i++){
document.write("arr1["+i+"]:"+arr1[i]+"<br>");
}
</script>

結果：

[JavaScript-陣列類]二個陣列的連結方法-concat()

說明：
將二個不同資料的陣列，連結到第三個陣列裡。

程式：
<script type="text/javascript">
var arr1 = new Array(1,2,3);
var arr2 = new Array(4,5,6);
document.write("-----------------<br>");
var arr3 = arr1.concat(arr2);
for( i =0 ; i < arr3.length;i++){
document.write("arr3["+i+"]:"+arr3[i]+"<br>");
}
</script>

結果：

[JavaScript-陣列類]練習--使用for取出陣列內容

說明：
使用for存入資料
在用for取出資料內容：

程式
<script type="text/javascript">
var arr = new Array();
for(i=0;i<10;i++){
arr[i]=i;
}
for(i=0;i< arr.length;i++){
document.write("arr["+i+"]:"+arr[i]+"<br>");

}
document.write("-----------------<br>");
</script>
結果：

[JavaScript-陣列類]取得陣列的大小-length

說明：

取得陣列的大小，
陣列大小是從1開始算。
取出內容從0開始取。

程式：
<script type="text/javascript">
var arr = new Array(1,2,3,5,8,9,10);
document.write("arr長度:"+arr.length+"<br>");
document.write("-----------------<br>");
</script>

結果：

[JavaScript-陣列類]陣列的宣告及用法-Array()

說明：
陣列的基本宣告
var arr = new Array();

將資料放陣列內
var arr = new Array(1,2,3,5,8,9,10);

單一指定陣列內資料
arr[0]=111;

程式
<script type="text/javascript">
var arr = new Array(1,2,3,5,8,9,10);
document.write("arr[0]:"+arr[0]+"<br>");
document.write("arr[1]:"+arr[1]+"<br>");
document.write("arr[2]:"+arr[2]+"<br>");
document.write("arr[3]:"+arr[3]+"<br>");
document.write("arr[4]:"+arr[4]+"<br>");
document.write("arr[5]:"+arr[5]+"<br>");
document.write("arr[6]:"+arr[6]+"<br>");
document.write("-----------------<br>");
arr[0]=111;
document.write("arr[0]:"+arr[0]+"<br>");
</script>

結果：