資策會教育訓練處<o:p></o:p>
楊宏文 hubert Yang<o:p></o:p>
JavaScript
內建物件
陣列物件(Array object)。
布林物件(Boolean object)。
日期物件(Date object)。
函數物件(Function object)。
數學物件(Math object)。
數字物件(Number object)。
字串物件(String object)。
內建物件(built-in object)的種類
建立陣列的語法如下。
陣列物件(Array Object)
陣列名稱 = new Array ([陣列元件個數])
陣列名稱 = new Array ([陣列元件一,陣列元件二…..])
使用陣列的語法如下。<o:p></o:p>
陣列物件(Array Object)<o:p></o:p>
陣列名稱.特性<o:p></o:p>
陣列名稱.方法(參數群)<o:p></o:p>
陣列物件可搭配的特性如下。<o:p></o:p>
陣列物件特性
length ->陣列物件的長度 <o:p></o:p>
prototype ->原型。用於製作特殊的特性<o:p></o:p>
陣列物件可使用的方法如下。<o:p></o:p>
陣列物件方法<o:p></o:p>
eval() ->將指定的引數(運算式)計值<o:p></o:p>
concat() ->傳回將所有元素結合的完整字串<o:p></o:p>
join() ->傳回將所有元素結合的完整字串<o:p></o:p>
reverse() ->將所有元素反轉<o:p></o:p>
sort([數值比較]) ->將所有元素由小到大排序<o:p></o:p>
toString() ->傳回以字串表示所有元素<o:p></o:p>
valueOf() ->傳回以數值表示所有元素<o:p></o:p>
<Script><o:p></o:p>
<o:p> </o:p>
var classId = new Array(3)<o:p></o:p>
classId[0] = "Oracle"<o:p></o:p>
classId[1] = "Internet"<o:p></o:p>
classId[2] = "JavaScript"<o:p></o:p>
document.write(classId,"<br>")<o:p></o:p>
document.write(classId.reverse().join(' & '),"<br>")<o:p></o:p>
document.write(classId.sort(),"<br>")<o:p></o:p>
document.write(classId.sort().reverse(),"<br>")<o:p></o:p>
<o:p> </o:p>
</script><o:p></o:p>
陣列範例一<o:p></o:p>
常見的錯誤<o:p></o:p>
<script><o:p></o:p>
var classId = new Array[3];<o:p></o:p>
classId[0] = "Oracle";<o:p></o:p>
classId[1] = "Internet";<o:p></o:p>
classId[2] = "JavaScript";<o:p></o:p>
document.write("第二個元素是", <o:p></o:p>
classId[1], "<br>");<o:p></o:p>
</script><o:p></o:p>
<script><o:p></o:p>
<o:p> </o:p>
var a = new Array(7,3,6,5);<o:p></o:p>
for (var i=0; i<a.length; i++);<o:p></o:p>
document.write("a[", i, "] = ", a[i], "<BR>");<o:p></o:p>
<o:p> </o:p>
</script><o:p></o:p>
陣列範例二<o:p></o:p>
<script><o:p></o:p>
<o:p> </o:p>
var a = new Array(3);<o:p></o:p>
a[0]=new Array(7,3,6,5);<o:p></o:p>
a[1]=new Array(2,9,0,6);<o:p></o:p>
a[2]=new Array(7,9,6,7);<o:p></o:p>
<o:p> </o:p>
for (var i=0; i<3; i++) {<o:p></o:p>
for (var j=0; j<4; j++)<o:p></o:p>
document.write("a[", i, "][", j, "] = ", <o:p></o:p>
a[i][j], "<BR>");<o:p></o:p>
}<o:p></o:p>
<o:p></o:p>
</script><o:p></o:p>
陣列範例三 - 二維陣列<o:p></o:p>
<Html><o:p></o:p>
<Script><o:p></o:p>
var i = 0; var nameArray = new Array()<o:p></o:p>
function add() {<o:p></o:p>
nameArray[i]=document.forms[0].elements[0].value<o:p></o:p>
alert ("第"+i+"個元素為"+nameArray[i]) <o:p></o:p>
i++ }<o:p></o:p>
function show() {<o:p></o:p>
alert (nameArray.join()) }<o:p></o:p>