Data Declarations
แปลตรงๆว่า การประกาศตัวแปรครับ ใน JavaScript คุณสามารถประกาศตัวแปรพร้อมใส่ค่า ให้มันได้เลยเช่น Statement a=58 ก็จะเป็นการกำหนดให้ a เป็นเลขจำนวนเต็มมีค่าเท่ากับ 58 (JavaScript สามารถรู้ชนิดของตัวแปรได้เอง) แต่ในการกำหนดตัวแปรพิเศษเช่น Array และ Object เราต้องกำหนดชนิดให้มัน ดูตัวอย่างวิธีการกำหนดครับ
| <![CDATA[
Customers = new Array()
Days = new Array("Sun","Mon","Tue","Wed","Thu","Fri","Sat")
Img1 = new Image()
]]> |
จากตัวอย่างนะครับเรากำหนดให้ Customers เป็น Array ชุดหนึ่ง กำหนดให้ Day เป็น Array เก็บ String 7 ค่า และกำหนดให้ Img1 เป็น Object ชนิด Image() ซึ่งก็คือภาพครับ (สามตัวอย่างนี้ไม่เกี่ยวข้องกันนะ แค่ยกตัวอย่างให้ดูเท่านั้นเอง)
If...else
Statement If ก็เป็น Statement ที่ใช้ในการตรวจสอบเงื่อนไขครับ ถ้าเงื่อนไขที่ตรวจสอบเป็นจริง จึงจะให้ทำงานตามที่เรากำหนดไว้ แต่ภ้าเงื่อนไขไม่เป็นจริงก็จะข้ามคำสั่งในส่วนนั้นไป เช่น
| <![CDATA[
if (A==1000)
{
document.write("JavaScript");
}
]]> |
โปรแกรมนี้จะทำการตรวจสอบค่าในตัวแปร A ว่ามีค่าเป็น 1000 หรือไม่ ถ้าใช่ ก็จะเขียนคำว่า JavaScript ลงบนหน้าจอ ถ้าไม่ใช่ก็ไม่มีอะไรเกิดขึ้น เมื่อเราต้องการให้ Program ทำงานตามคำสั่งในกรณีที่เงื่อนไขเป็นเท็จเราก็จะ เพิ่ม else ลงไป ดังตัวอย่าง
| <![CDATA[
if (A==1000)
{
document.write("JavaScript");
}
else { document.write("HTML");
}
]]> |
ถ้าค่าในตัวแปร A ไม่เท่ากับ 1000 Program ก็จะทำงานในกรณีของ else คือการเขียนคำว่า HTML ลงไปบนหน้าจอ
for
ผ่าน if ไปแล้วนะครับ ต่อไปก็เป็น for ตัว for เนี่ยก็จะใช้สำหรับวน loop หรือการให้ ทำซ้ำไปเรื่อยๆตามจำนวนรอบที่กำหนด หรืออีกนัยหนึ่งคือเราต้องรู้จำนวนรอบที่แน่นอน ถึงจะใช้ for loop ครับ for ก็มีรูปแบบการเขียนดังนี้ครับ
for (ประกาศตัวแปรใหม่พร้อมกำหนดค่าเริ่มต้น;เงื่อนไขการหยุด;เพิ่มค่าให้ตัวแปร) { คำสั่งต่างๆ ที่จะให้ทำซ้ำ }
ตัวอย่าง
| <![CDATA[
<html>
<head><title>Usage for Statement</title>
</head>
<body>
<script language="javascript">
<!--
for (var i=0;i<9;i++) {
document.write(i+"<br>");
}
// -->
</script>
</body>
</html>
]]> |
จากตัวอย่างนะครับ ให้สังเกตุที่ตำแหน่งที่ขึ้นด้วย for เราได้กำหนดให้ตัวแปร i เริ่มต้นจาก 0 (var i=0)และ ทำงานขณะที่ i<9 โดยเพิ่มค่า i ทีละ 1 (i++) การทำ loop for ก็มีแค่นี้นะครับการจะใช้มันได้แค่ไหน ก็ขึ้นอยู่กับความคิดที่จะเอาไปประยุกต์ แล้ว เช่น อาจจะให้ i เพิ่มที่ละ 2 หรือจะให้มัน Start ที่ค่ามากแล้วลดทีละ 1 จนถึงอีกค่าที่น้อยกว่า ก็ได้ครับ
While
While ก็แปลตรงๆว่า "ขณะที่" ซึ่งก็คือ มันจะทำงานขณะที่เงื่อนไขเป็นจริง และทำซ้ำไปเรื่อยๆจนเงื่อนไขเป็นเท็จไป While ก็มีวิธีใช้ดังนี้ครับ
while (condition) { ชุดคำสั่ง }
Condition ก็คือ เงื่อนไขที่จะทำการตรวจสอบว่าเป็นจริงหรือเท็จ ชุดคำสั่งก็คือ ส่วนที่ทำงานซ้ำๆ โดยจะต้องมีคำสั่งที่จะทำให้ condition เป็นเท็จด้วย เพื่อให้โปรแกรมหยุดทำงานได้ ไม่งั้นจะเป็น loop forever ซึ่งมันก็คือ Bug ตัวหนี่ง ถ้ายังไม่เข้าใจลองสังเกตุจากตัวอย่างนะครับ
| <![CDATA[
<html>
<head><title>Usage for Statement</title>
</head>
<body>
<script language="javascript">
<!--
i=0;
while (i<9)
{
document.write(i+"<br>");
i++;
}
// -->
</script>
</body>
</html>
]]> |
จากตัวอย่างในส่วนของเงื่อนไขที่ให้ตรวจสอบก็คือ i<9 และส่วนที่ให้ทำงานก็จะมี 2 คำสั่งคือคำสั่งที่ให้เขียน i ลงบนจอ และคำสั่งเพื่มค่า i ซึ่งเป็นคำสั่งที่เมื่อทำไปเรื่อยๆจะทำให้ i<9 สามารถเป็นเท็จได้ โปรแกรมจึงหยุดทำงาน
Do..While
Do while จะเป็นการวน loop ชนิดที่ทำจนกว่า เงื่อนไขจะเป็นจริง concept จะคล้ายๆกับ while แต่อย่าสับสนนะ while จะทำางานจนเงื่อนไขเป็นเท็จ แต่ do..while จะทำจนเงื่อนไขเป็นจริงวิธีใช้ ก็จะคล้ายๆกับ while ครับ
do { ชุดคำสั่ง } while (condition);
Statement นี้ลองไปเขียนเองนะครับ ไม่ยากหรอก ลองเทียบๆเคียงๆกับ while ดู ชุดคำสั่งที่เป็น loop ก็มีแค่นี้แหละ ต่อไปก็จะเป็น Statement อื่นๆ แต่ก็สำคัญนะ รู้ไว้ใช่ว่า จริงไหมครับ
Break
Break Statement จะทำหน้าที่หยุดการทำงานของ loop แบบทันทีทันใด ดังนั้นเมื่อ break ทำงาน loop จะหยุดการทำงานอย่างกระทันหัน เช่น
| <![CDATA[
</html>
<head>
<title>Using Break Statement</title>
</head>
<body>
<script language="javascript">
a = new Array(5,4,3,2,1)
sum = 0
for (i=0;i<a.length;i++)
{
if (i==3) break;
sum+=a[i]
}
document.write(sum);
</script>
</body>
</html>
]]> |
จากตัวอย่างเราได้ประกาศ Array ขึ้นมาตัวหนึ่งพร้อมทั้งกำหนดค่า ภายในให้เลย โดยตัวที่ 0 คือ 5 ตัวที่ 1 คือ 4 .... จากนั้น Program ก็จะทำงานโดยการเก็นสะสมค่าจาก A[i] ไปใว้ใน sum จนกระทั่ง i มีค่าเป็น 3 ก็จะหยุดทำงาน ค่าที่อยู่ใน sum ก็จะเป็นผลรวมของ a[0] จนถึง a[2] ก็คือ 5+4+3 จะมีค่า=12 ครับ
Continue
Continue ก็ทำงานคล้ายๆกับ Break คือเข้ามาขัดขวางกาทำงานแต่ก็มีข้อแตกต่างตรงที่ Break ใช้หยุด loop ทั้งหมด แต่ Continue ใช้เพื่อหยุดแค่ loop ปัจจุบันเพียง loop เดียว หรือจะเรียกการทำงานของมันว่า Skip ก็ได้ เช่น
| <![CDATA[
i = 1 ;
sum = 0;
while (i<10)
{
i*=2;
if (i==4) continue;
sum += i+1;
}
]]> |
จากตัวอย่าง เราได้กำหนดให้โปรแกรมทำงานในขณะที่ i มีค่าน้อยกว่า 10 โดยจะให้ i เพิ่มเป็น 2 เท่า (จาก i*=2 ) แล้วเอาไปรวมไว้ใน sum แต่ถ้า i มีค่าเป็น 4 ก็จะไม่เอาไปรวมใน sum เพราะถูก Skip ด้วย Statement continue แล้ว
Switch
ขอย้อนกลับไปที่ If Statement นะครับ ใน If Statement เราสามารถตรวจสอบได้แค่เพียง 2 กรณีคือ เงื่อนไขที่ตรวจสอบเป็นจริงหรือเท็จ ตอนนี้ผมขอแนะนำ Statement ตัวใหม่ ก็คือ Switch ครับ Switch เป็นความสามารถของ JavaScript 1.2 ซึ่งอาจจะมีปัญหากับ Browser บางตัว แต่ก็เรียนรู้ไว้เถอะครับ เวลาไปแอบดู Source Code ของเขาจะได้ไม่งง Switch จะสามารถตรวจสอบเงื่อนไขได้หลายกรณี เพราะเงื่อนไขที่ตรวจสอบ ไม่ใช่ Boolean แต่อาจเป็น Integer หรือ String ก็ได้ Switch จะมีวิธีการใช้ดังนี้ครับ
| <![CDATA[
switch(expression)
{
case value1:
ชุดคำสั่ง1
break
case value2:
ชุดคำสั่ง2
break
case value3:
ชุดคำสั่ง3
break
...
...
...
default:
ชุดคำสั่งมาตรฐาน
}
]]> |
Expression ก็คือตัวแปรที่เราจะ Check มันว่ามีค่าเป็นเท่าไหร่ ก็ตรงกับ valueใด ชุดคำสั่งนั้นก็จะทำงาน ถ้ามันไม่ตรงเลย ชุดคำสั่งมาตรฐานก็จะทำงาน ดูตัวอย่างแล้วกันนะครับ
| <![CDATA[
<html>
<head><title>Using Switch Statement</title></head>
<body>
<script language="JavaScript">
i = 2;
switch(i)
{
case 1:
document.write('One');
break
case 2:
document.write('Two');
break
case 3:
document.write('Three');
break
default:
document.writeln("I don't know");
break
}
</script>
</body>
</html>
]]> |
ไม่มีความคิดเห็น:
แสดงความคิดเห็น