ตัวดำเนินการทางคณิตศาสตร์ดำเนินการทางคณิตศาสตร์กับตัวเลข (ตัวอักษรหรือตัวแปร)
ส่วนที่เพิ่มเข้าไป
การลบ
การคูณ
การยกกำลัง (ES2016)
แผนก
โมดูลัส (ส่วนที่เหลือ)
เพิ่มขึ้น
ลดลง
การดำเนินการทางคณิตศาสตร์ทั่วไปดำเนินการกับตัวเลขสองตัว
ตัวเลขสองตัวสามารถเป็นตัวอักษรได้:
let x = 100 + 50;ลองด้วยตัวคุณเอง →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Arithmetic</h2>
<p>A typical arithmetic operation takes two numbers and produces a new number.</p>
<p id="demo"></p>
<script>
let x = 100 + 50;
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>
หรือตัวแปร:
let x = a + b;ลองด้วยตัวคุณเอง →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Arithmetic</h2>
<p>A typical arithmetic operation takes two numbers (or variables) and produces a new number.</p>
<p id="demo"></p>
<script>
let a = 100;
let b = 50;
let x = a + b;
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>
หรือสำนวน:
let x = (100 + 50) * a;ลองด้วยตัวคุณเอง →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arithmetic</h1>
<h2>Arithmetic Operations</h2>
<p>A typical arithmetic operation takes two numbers (or expressions) and produces a new number.</p>
<p id="demo"></p>
<script>
let a = 3;
let x = (100 + 50) * a;
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>
ตัวเลข (ในการดำเนินการทางคณิตศาสตร์) เรียกว่า ตัวถูกดำเนินการ
การดำเนินการ (ที่จะดำเนินการระหว่างตัวถูกดำเนินการทั้งสอง) ถูกกำหนดโดย ตัวดำเนินการ
| Operand | Operator | Operand |
|---|---|---|
| 100 | + | 50 |
ตัวดำเนินการ การบวก (+) เพิ่มตัวเลข:
let x = 5;
let y = 2;
let z = x + y;ลองด้วยตัวคุณเอง →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arithmetic</h1>
<h2>The + Operator</h2>
<p id="demo"></p>
<script>
let x = 5;
let y = 2;
let z = x + y;
document.getElementById("demo").innerHTML = z;
</script>
</body>
</html>
ตัวดำเนินการ การลบ (-) ลบตัวเลข
let x = 5;
let y = 2;
let z = x - y;ลองด้วยตัวคุณเอง →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arithmetic</h1>
<h2>The - Operator</h2>
<p id="demo"></p>
<script>
let x = 5;
let y = 2;
let z = x - y;
document.getElementById("demo").innerHTML = z;
</script>
</body>
</html>
ตัวดำเนินการ การคูณ (*) คูณตัวเลข
let x = 5;
let y = 2;
let z = x * y;ลองด้วยตัวคุณเอง →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arithmetic</h1>
<h2>The * Operator</h2>
<p id="demo"></p>
<script>
let x = 5;
let y = 2;
let z = x * y;
document.getElementById("demo").innerHTML = z;
</script>
</body>
</html>
ตัวดำเนินการ division (/) หารตัวเลข
let x = 5;
let y = 2;
let z = x / y;ลองด้วยตัวคุณเอง →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arithmetic</h1>
<h2>The / Operator</h2>
<p id="demo"></p>
<script>
let x = 5;
let y = 2;
let z = x / y;
document.getElementById("demo").innerHTML = z;
</script>
</body>
</html>
ตัวดำเนินการ โมดูลัส (%) ส่งคืนส่วนที่เหลือจากการหาร
let x = 5;
let y = 2;
let z = x % y;ลองด้วยตัวคุณเอง →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arithmetic</h1>
<h2>The % Operator</h2>
<p id="demo"></p>
<script>
let x = 5;
let y = 2;
let z = x % y;
document.getElementById("demo").innerHTML = z;
</script>
</body>
</html>
ในทางคณิตศาสตร์ การหารจำนวนเต็มสองตัวจะทำให้เกิด ผลหาร และส่วนที่เหลือ
ในทางคณิตศาสตร์ ผลลัพธ์ของ การดำเนินการแบบโมดูโล คือ เศษ ของการหารทางคณิตศาสตร์
ตัวดำเนินการ การเพิ่มขึ้น (++) จะเพิ่มตัวเลข
let x = 5;
x++;
let z = x;ลองด้วยตัวคุณเอง →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arithmetic</h1>
<h2>The ++ Operator</h2>
<p id="demo"></p>
<script>
let x = 5;
x++;
let z = x;
document.getElementById("demo").innerHTML = z;
</script>
</body>
</html>
ตัวดำเนินการ การลดลง (--) จะลดตัวเลข
let x = 5;
x--;
let z = x;ลองด้วยตัวคุณเอง →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arithmetic</h1>
<h2>The -- Operator</h2>
<p id="demo"></p>
<script>
let x = 5;
x--;
let z = x;
document.getElementById("demo").innerHTML = z;
</script>
</body>
</html>
ตัวดำเนินการ การยกกำลัง (**) จะเพิ่มตัวถูกดำเนินการตัวแรกยกกำลังของตัวถูกดำเนินการตัวที่สอง
let x = 5;
let z =
x ** 2;ลองด้วยตัวคุณเอง →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arithmetic</h1>
<h2>The ** Operator</h2>
<p id="demo"></p>
<script>
let x = 5;
document.getElementById("demo").innerHTML = x ** 2;
</script>
</body>
</html>
x ** y ให้ผลลัพธ์เหมือนกับ Math.pow(x,y):
let x = 5;
let z =
Math.pow(x,2);ลองด้วยตัวคุณเอง →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arithmetic</h1>
<h2>Math.pow()</h2>
<p id="demo"></p>
<script>
let x = 5;
document.getElementById("demo").innerHTML = Math.pow(x,2);
</script>
</body>
</html>
ลำดับความสำคัญของตัวดำเนินการอธิบายลำดับในการดำเนินการ นิพจน์ทางคณิตศาสตร์
let x = 100 + 50 * 3;ลองด้วยตัวคุณเอง →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arithmetic</h1>
<h2>Operator Precedence</h2>
<p>Multiplication has precedence over addition.</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 100 + 50 * 3;
</script>
</body>
</html>
คือผลลัพธ์ของตัวอย่างด้านบนเหมือนกับ 150 * 3 หรือเท่ากับ 100 +150?
การบวกหรือการคูณเสร็จสิ้นก่อนหรือไม่?
เช่นเดียวกับคณิตศาสตร์โรงเรียนทั่วไป การคูณจะต้องทำก่อน
การคูณ (*) และการหาร (/) มี ลำดับความสำคัญ สูงกว่า นอกจากนี้ (+) และการลบ (-)
และ (เช่นเดียวกับคณิตศาสตร์ของโรงเรียน) ลำดับความสำคัญสามารถเปลี่ยนแปลงได้โดยใช้ วงเล็บ
เมื่อใช้วงเล็บ การดำเนินการภายในวงเล็บจะถูกคำนวณ อันดับแรก:
let x = (100 + 50) * 3;ลองด้วยตัวคุณเอง →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arithmetic</h1>
<h2>Operator Precedence</h2>
<p>Multiplication has precedence over addition.</p>
<p>But parenthesis has precedence over multiplication.</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = (100 + 50) * 3;
</script>
</body>
</html>
เมื่อการดำเนินการหลายอย่างมีลำดับความสำคัญเท่ากัน (เช่น การบวก และ การลบหรือการคูณและการหาร) ให้คำนวณจากซ้ายไป ขวา:
let x = 100 + 50 - 3;ลองด้วยตัวคุณเอง →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arithmetic</h1>
<h2>Operator Precedence</h2>
<p>When many operations has the same precedence, they are computed from left to right.</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 100 + 50 - 3;
</script>
</body>
</html>
let x = 100 / 50 * 3;ลองด้วยตัวคุณเอง →
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arithmetic</h1>
<h2>Operator Precedence</h2>
<p>When many operations has the same precedence, they are computed from left to right.</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 100 / 50 * 3;
</script>
</body>
</html>
หากต้องการดูรายการค่าลำดับความสำคัญของตัวดำเนินการทั้งหมด โปรดไปที่:
ค่าลำดับความสำคัญของตัวดำเนินการ JavaScript