Operator

ในบทที่แล้ว คุณได้ใช้ Operator บางตัวของ JavaScript ไปแล้ว เช่น + เป็น Operator ในการรวมจำนวน เข้าด้วยกัน หรือใช้ในการเอา ข้อความมาต่อกัน และ = ซึ่งเป็น Operator ในการใส่ค่าให้ตัวแปร และในบทนี้ ผมจะสอน Operator ที่สำคัญตัวอื่นๆ ใน JavaScript แต่ก็ไม่ทั้งหมดนะครับ เพราะบางตัวไม่มีโอกาสใช้เลยเช่น Operator ที่ใช้กับ Bit ผมก็จะไม่สอนนะครับ เพราะอาจจะทำให้ เนื้อหาโดยรวมดูยากเกินไป แต่ก็ได้สรุปไว้ในตารางท้ายบทนี้ไว้หมดแล้วครับ ถ้าใครต้องการใช้แต่ดูไม่ออกก็ mail มาถามได้นะครับ

Arithmetic Operator
Arithmatic Operator หรือ Operator ที่เกี่ยวกับตัวเลข เป็น Operator ที่ ธรรมดาที่สุด เพราะเราใช้อยู่ทุกวี่ทุกวันในการคำนวนต่างๆ
JavaScirpt ก็มี Operator ให้เราใช้ดังนี้ครับ

+ บวก

- ลบ

* คูณ

/ หาร

% การหารเอาเศษเป็นผลลัพธ์ (MOD)

-- การลดค่า 1 ให้ตัวแปร

++ การเพิ่มค่า 1ให้ตัวแปร

<head><title>Usage Arithmatic Operator</title></head> <script language="JavaScript">  </script> </table></center></table><form> <input type="button" value="View Example" onclick="window.open('jsex13.html')"> </form> Logical Operator Logical Operator จะใช้ในการคำนวนทางตรรก เช่น Logical And Logical Or Logical Not Logical Operator ใน JavaScript <table> <tr> <td width=40>&&</td> <td>And</td> </tr> <tr> <td>||</td> <td>Or</td> </tr> <tr> <td>!</td> <td>Not</td> </tr> </table> Comparison Operator เป็น Operator ที่ใช้เปรียบเที่ยบข้อมูล 2 ตัวนะครับมีอะไรมั่งเรามาดูกัน <table> <tr> <td width=40>==</td> <td>เท่ากับ</td> </tr> <tr> <td>!=</td> <td>ไม่เท่ากับ</td> </tr> <tr> <td><</td> <td>น้อยกว่า</td> </tr> <tr> <td>></td> <td>มากกว่า</td> </tr> <tr> <td><=</td> <td>น้อยกว่าเท่ากับ</td> </tr> <tr> <td>>=</td> <td>มากกว่าเท่ากับ</td> </tr> </table> Assignment Operator Assignment Operator ก็คือ Operator ที่ใช้ในการใส่ให้ค่ากับตัวแปร Operator ที่เป็นพื้นฐานก็คือ = ซึ่งใช้ในการให้ค่ากับตัวแปรโดยตรง นอกจากนี้ยังงมี Operator ตัวอื่น ที่สามารถ คำนวนค่าก่อนแล้วค่อยเอาไปเก็บในตัวแปร เช่น A += 30 ก็จะหมายถึง เอา A บวกด้วย 30 แล้วเก็บ ไว้ใน A เหมือนเดิม ใน Section นี้เราจะมาดูกันนะครับว่า Assignment Operator ใน JavaScript จะมีอะไรบ้าง <table> <tr> <td width=40>=</td> <td>ใส่ค่าของทางขวาให้ตัวแปรทางซ้าย</td> </tr> <tr> <td>+=</td> <td>เอาทางซ้ายบวกทางขวาแล้วเก็บไว้ทางซ้าย</td> </tr> <tr> <td>-=</td> <td>เอาทางซ้ายลบทางขวาแล้วเก็บไว้ทางซ้าย</td> </tr> <tr> <td>*=</td> <td>เอาทางซ้ายคูณทางขวาแล้วเก็บไว้ทางซ้าย</td> </tr> <tr> <td>/=</td> <td>เอาทางซ้ายหารทางขวาแล้วเก็บไว้ทางซ้าย</td> </tr> <tr> <td>%=</td> <td>เอาทางซ้ายหารทางขวาแล้วเก็บเศษที่ได้ไว้ทางซ้าย</td> </tr> </table> ทั้งหมดที่ผ่านมาเป็น Operator ที่สำคัญของ JavaScript นะครับ ผมจะขอสรุป Operator ทั้งหมดของ JavaScript ลงในตารางนะครับ <table BORDER="2" CELLPADDING="4" ALIGN="CENTER"> <tr> <td>Category</td> <td>Operator</td> <td>Description</td> <td>Usage Example</td> <td>Value/Result</td> </tr> <tr> <td>String</td> <td>+</td> <td>concatenation</td> <td>"Java" + "Script"</td> <td> <script></script> </td> </tr> <tr> <td ROWSPAN="10">Arithmetic</td> <td>+</td> <td>addition</td> <td>2 + 3</td> <td> <script></script> </td> </tr> <tr> <td ROWSPAN="2">-</td> <td>subtraction</td> <td>6 - 4</td> <td> <script></script> </td> </tr> <tr> <td>unary negation</td> <td>-9</td> <td> <script></script> </td> </tr> <tr> <td>*</td> <td>multiplication</td> <td>3 * 4</td> <td> <script></script> </td> </tr> <tr> <td>/</td> <td>division</td> <td>15/3</td> <td> <script></script> </td> </tr> <tr> <td>%</td> <td>modulus</td> <td>15%7</td> <td> <script></script> </td> </tr> <tr> <td ROWSPAN="2">++</td> <td>increment and then return value</td> <td>x=3; ++x</td> <td> <script></script> </td> </tr> <tr> <td>return value and then increment</td> <td>x=3; x++</td> <td> <script></script> </td> </tr> <tr> <td ROWSPAN="2">--</td> <td>decrement and then return value</td> <td>x=3; --x</td> <td> <script></script> </td> </tr> <tr> <td>return value and then decrement</td> <td>x=3; x--</td> <td> <script></script> </td> </tr> <tr> <td ROWSPAN="6">Bit Manipulation</td> <td>&</td> <td>and</td> <td>10 & 7</td> <td> <script></script> </td> </tr> <tr> <td>|</td> <td>or</td> <td>10 | 7</td> <td> <script></script> </td> </tr> <tr> <td>^</td> <td>exclusive or</td> <td>10 ^ 7</td> <td> <script></script> </td> </tr> <tr> <td><<</td> <td>left shift</td> <td>7 << 3</td> <td> <script></script> </td> </tr> <tr> <td>>></td> <td>sign-propagating right shift</td> <td>-7 >> 2</td> <td> <script></script> </td> </tr> <tr> <td>>>></td> <td>zero-fill right shift</td> <td>-7 >>> 2</td> <td> <script></script> </td> </tr> <tr> <td ROWSPAN="3">Logical</td> <td>&&</td> <td>logical and</td> <td>true && false</td> <td> <script></script> </td> </tr> <tr> <td>||</td> <td>logical or</td> <td>true || false</td> <td> <script></script> </td> </tr> <tr> <td>!</td> <td>not</td> <td>!true</td> <td> <script></script> </td> </tr> <tr> <td ROWSPAN="6">Comparison</td> <td>==</td> <td>equal</td> <td>3 == 7</td> <td> <script></script> </td> </tr> <tr> <td>!=</td> <td>not equal</td> <td>3 != 7</td> <td> <script></script> </td> </tr> <tr> <td><</td> <td>less than</td> <td>3 < 7</td> <td> <script></script> </td> </tr> <tr> <td><=</td> <td>less than or equal</td> <td>3 <= 7</td> <td> <script></script> </td> </tr> <tr> <td>></td> <td>greater than</td> <td>3 > 7</td> <td> <script></script> </td> </tr> <tr> <td>>=</td> <td>greater than or equal</td> <td>3 >= 7</td> <td> <script></script> </td> </tr> <tr> <td>Conditional Expression</td> <td>(condition) ? value1 : value2</td> <td>if condition is true then value1 else value2</td> <td>true ? 3 : 7</td> <td> <script></script> </td> </tr> </table> ตารางนี้มาจาก Text ชื่อว่า Mastering JavaScript ของ James Jaworski ที่จริงผมก็ศึกษา JavaScript จาก Text เล่มนี้แหละ แล้วก็เอามาเรียบเรียงใหม่เป็นภาษาไทย ให้เพื่อนๆได้ศึกษากัน <TD valign=top> </TD> <CENTER> <a href="jstuep4.html" onmouseover="document.next.src='nxcp.gif'" onmouseout="document.next.src='nxcpd.gif'"><img src="nxcpd.gif" name="next" border=0></a> <a href="jstue.html" onmouseover="document.content.src='btct.gif'" onmouseout="document.content.src='btctd.gif'"><img src="btctd.gif" name="content" border=0></a> <a href="index.html" onmouseover="document.indexp.src='bthp.gif'" onmouseout="document.indexp.src='bthpd.gif'"><img src="bthpd.gif" name="indexp" border=0></a> <script language="JavaScript" src="bottom.js"> </script> </center> <img src="../../../visit.geocities.com/visit.gifฟ1003936818" border=0 width=1 height=1> <IMG SRC="http://geo.yahoo.com/serv?s=76001077&t=1003936818" ALT=1 WIDTH=1 HEIGHT=1> </html>