Operator
ในบทที่แล้ว คุณได้ใช้ Operator บางตัวของ JavaScript ไปแล้ว
เช่น + เป็น Operator ในการรวมจำนวน เข้าด้วยกัน หรือใช้ในการเอา
ข้อความมาต่อกัน และ = ซึ่งเป็น Operator ในการใส่ค่าให้ตัวแปร
และในบทนี้ ผมจะสอน Operator ที่สำคัญตัวอื่นๆ ใน JavaScript
แต่ก็ไม่ทั้งหมดนะครับ เพราะบางตัวไม่มีโอกาสใช้เลยเช่น
Operator ที่ใช้กับ Bit ผมก็จะไม่สอนนะครับ เพราะอาจจะทำให้
เนื้อหาโดยรวมดูยากเกินไป แต่ก็ได้สรุปไว้ในตารางท้ายบทนี้ไว้หมดแล้วครับ
ถ้าใครต้องการใช้แต่ดูไม่ออกก็ mail มาถามได้นะครับ
Arithmetic
Operator
Arithmatic Operator หรือ Operator ที่เกี่ยวกับตัวเลข เป็น Operator ที่
ธรรมดาที่สุด เพราะเราใช้อยู่ทุกวี่ทุกวันในการคำนวนต่างๆ
JavaScirpt ก็มี Operator ให้เราใช้ดังนี้ครับ
+ | บวก |
- | ลบ |
* | คูณ |
/ | หาร |
% | การหารเอาเศษเป็นผลลัพธ์ (MOD) |
-- | การลดค่า 1 ให้ตัวแปร |
++ | การเพิ่มค่า 1ให้ตัวแปร |
Usage Arithmatic Operator
|
Logical
Operator
Logical Operator จะใช้ในการคำนวนทางตรรก เช่น Logical And Logical Or Logical Not
Logical Operator ใน JavaScript
Comparison
Operator
เป็น Operator ที่ใช้เปรียบเที่ยบข้อมูล 2 ตัวนะครับมีอะไรมั่งเรามาดูกัน
== | เท่ากับ |
!= | ไม่เท่ากับ |
< | น้อยกว่า |
> | มากกว่า |
<= | น้อยกว่าเท่ากับ |
>= | มากกว่าเท่ากับ |
Assignment
Operator
Assignment Operator ก็คือ Operator ที่ใช้ในการใส่ให้ค่ากับตัวแปร Operator ที่เป็นพื้นฐานก็คือ
= ซึ่งใช้ในการให้ค่ากับตัวแปรโดยตรง นอกจากนี้ยังงมี Operator ตัวอื่น ที่สามารถ
คำนวนค่าก่อนแล้วค่อยเอาไปเก็บในตัวแปร เช่น A += 30 ก็จะหมายถึง เอา A บวกด้วย 30 แล้วเก็บ
ไว้ใน A เหมือนเดิม ใน Section นี้เราจะมาดูกันนะครับว่า Assignment Operator ใน JavaScript จะมีอะไรบ้าง
= | ใส่ค่าของทางขวาให้ตัวแปรทางซ้าย |
+= | เอาทางซ้ายบวกทางขวาแล้วเก็บไว้ทางซ้าย |
-= | เอาทางซ้ายลบทางขวาแล้วเก็บไว้ทางซ้าย |
*= | เอาทางซ้ายคูณทางขวาแล้วเก็บไว้ทางซ้าย |
/= | เอาทางซ้ายหารทางขวาแล้วเก็บไว้ทางซ้าย |
%= | เอาทางซ้ายหารทางขวาแล้วเก็บเศษที่ได้ไว้ทางซ้าย |
ทั้งหมดที่ผ่านมาเป็น Operator ที่สำคัญของ JavaScript นะครับ
ผมจะขอสรุป Operator ทั้งหมดของ JavaScript ลงในตารางนะครับ
Category |
Operator |
Description |
Usage Example |
Value/Result |
String |
+ |
concatenation |
"Java" + "Script" |
|
Arithmetic |
+ |
addition |
2 + 3 |
|
- |
subtraction |
6 - 4 |
|
unary negation |
-9 |
|
* |
multiplication |
3 * 4 |
|
/ |
division |
15/3 |
|
% |
modulus |
15%7 |
|
++ |
increment and then return value |
x=3; ++x |
|
return value and then increment |
x=3; x++ |
|
-- |
decrement and then return value |
x=3; --x |
|
return value and then decrement |
x=3; x-- |
|
Bit Manipulation |
& |
and |
10 & 7 |
|
| |
or |
10 | 7 |
|
^ |
exclusive or |
10 ^ 7 |
|
<< |
left shift |
7 << 3 |
|
>> |
sign-propagating right shift |
-7 >> 2 |
|
>>> |
zero-fill right shift |
-7 >>> 2 |
|
Logical |
&& |
logical and |
true && false |
|
|| |
logical or |
true || false |
|
! |
not |
!true |
|
Comparison |
== |
equal |
3 == 7 |
|
!= |
not equal |
3 != 7 |
|
< |
less than |
3 < 7 |
|
<= |
less than or equal |
3 <= 7 |
|
> |
greater than |
3 > 7 |
|
>= |
greater than or equal |
3 >= 7 |
|
Conditional Expression |
(condition) ? value1 : value2 |
if condition is true then value1 else value2 |
true ? 3 : 7 |
|
ตารางนี้มาจาก Text ชื่อว่า Mastering JavaScript ของ James Jaworski
ที่จริงผมก็ศึกษา JavaScript จาก Text เล่มนี้แหละ แล้วก็เอามาเรียบเรียงใหม่เป็นภาษาไทย
ให้เพื่อนๆได้ศึกษากัน
|