JS กวดวิชา

เจเอสโฮม JS Introduction JS Where To JS เอาท์พุต งบ JS JS ไวยากรณ์ JS ความคิดเห็น ตัวแปร JS เจเอส เลท JS Const JS Operators JS เลขคณิต JS Assignment ประเภทข้อมูล JS ฟังก์ชัน JS วัตถุ JS JS Events JS Strings JS String Methods JS String Search เทมเพลตสตริง JS JS Numbers JS Number Methods JS Arrays JS Array Methods JS Array Sort JS Array Iteration JS Array Const JS Dates รูปแบบวันที่ JS JS วันที่รับเมธอด JS Date Set Methods JS Math JS สุ่ม JS Booleans JS เปรียบเทียบ JS Conditions JS Switch JS ลูปสำหรับ JS Loop สำหรับ In JS วนสำหรับ Of JS วนรอบในขณะที่ JS Break JS Iterables JS ชุด JS Maps JS Typeof JS ประเภทการแปลง JS Bitwise JS RegExp JS Errors JS ขอบเขต JS Hoisting JS โหมดเข้มงวด JS คำสำคัญนี้ JS Arrow Function JS Classes JS JSON JS Debugging คู่มือสไตล์ JS JS แนวทางปฏิบัติที่ดีที่สุด JS ความผิดพลาด JS Performance JS สงวนคำ

เวอร์ชัน JS

เวอร์ชัน JS JS 2009 (ES5) เจเอส 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / ขอบ JS History

วัตถุ JS

คำจำกัดความของวัตถุ คุณสมบัติของวัตถุ วิธีการวัตถุ การแสดงวัตถุ อุปกรณ์เสริมวัตถุ ตัวสร้างวัตถุ ต้นแบบวัตถุ วัตถุ Iterables ชุดวัตถุ แผนที่วัตถุ การอ้างอิงวัตถุ

ฟังก์ชัน JS

คำจำกัดความของฟังก์ชัน พารามิเตอร์ฟังก์ชัน เรียกใช้ฟังก์ชัน เรียกฟังก์ชัน ฟังก์ชัน สมัคร การปิดฟังก์ชัน

JS Classes

แนะนำคลาส การสืบทอดคลาส คลาสคงที่

JS Async

JS Callbacks JS แบบอะซิงโครนัส JS Promises JS Async/รอ

JS HTML DOM

บทนำ DOM วิธี DOM เอกสาร DOM องค์ประกอบ DOM DOM HTML แบบฟอร์ม DOM DOM CSS ภาพเคลื่อนไหว DOM กิจกรรม DOM DOM Event Listener การนำทาง DOM โหนด DOM DOM Collections รายการโหนด DOM

JS เบราว์เซอร์ BOM

JS Window JS Screen JS Location JS History JS Navigator JS Popup Alert JS Timing JS Cookies

JS Web APIs

แนะนำ Web API เว็บฟอร์ม API API ประวัติเว็บ API ที่เก็บข้อมูลเว็บ Web Worker API API ดึงเว็บ เว็บ Geolocation API

JS AJAX

บทนำ AJAX AJAX XMLHttp คำขอ AJAX การตอบสนอง AJAX ไฟล์ AJAX XML AJAX PHP AJAX ASP ฐานข้อมูล AJAX แอปพลิเคชัน AJAX ตัวอย่าง AJAX

JS JSON

บทนำ JSON ไวยากรณ์ JSON JSON กับ XML ประเภทข้อมูล JSON JSON Parse JSON สตริงริฟาย วัตถุ JSON อาร์เรย์ JSON เซิร์ฟเวอร์ JSON JSON PHP JSON HTML JSON JSONP

JS กับ jQuery

ตัวเลือก jQuery jQuery HTML jQuery CSS jQuery DOM

JS กราฟิก

JS กราฟิก JS Canvas JS Plotly JS Chart.js JS Google Chart JS D3.js

ตัวอย่าง JS

ตัวอย่าง JS JS HTML DOM JS HTML อินพุต JS HTML Objects JS HTML Events JS Browser JS Editor JS แบบฝึกหัด JS Quiz ใบรับรอง JS

JS References

วัตถุ JavaScript วัตถุ HTML DOM


JavaScript เลขคณิต


ตัวดำเนินการเลขคณิต JavaScript

ตัวดำเนินการเลขคณิตดำเนินการคำนวณกับตัวเลข (ตัวอักษรหรือตัวแปร)

Operator Description
+ Addition
- Subtraction
* Multiplication
** Exponentiation (ES2016)
/ Division
% Modulus (Remainder)
++ Increment
-- Decrement

การดำเนินการเลขคณิต

การดำเนินการเลขคณิตทั่วไปดำเนินการกับตัวเลขสองตัว

ตัวเลขสองตัวสามารถเป็นตัวอักษรได้:

ตัวอย่าง

let x = 100 + 50;

หรือตัวแปร:

ตัวอย่าง

let x = a + b;

หรือนิพจน์:

ตัวอย่าง

let x = (100 + 50) * a;

ตัวดำเนินการและตัวดำเนินการ

ตัวเลข (ในการดำเนินการเลขคณิต) เรียกว่าตัวถูกดำเนินการ

การดำเนินการ (ที่จะดำเนินการระหว่างตัวถูกดำเนินการสองตัว) ถูกกำหนดโดยตัวดำเนินการ

ตัวถูกดำเนินการ โอเปอเรเตอร์ ตัวถูกดำเนินการ
100 + 50


กำลังเพิ่ม

ตัว ดำเนินการ บวก ( +) เพิ่มตัวเลข:

ตัวอย่าง

let x = 5;
let y = 2;
let z = x + y;

การลบ

ตัว ดำเนินการ ลบ ( -) ลบตัวเลข

ตัวอย่าง

let x = 5;
let y = 2;
let z = x - y;

ทวีคูณ

ตัวดำเนินการ การคูณ ( *) จะคูณตัวเลข

ตัวอย่าง

let x = 5;
let y = 2;
let z = x * y;

หาร

ตัว ดำเนินการ หาร ( /) แบ่งตัวเลข

ตัวอย่าง

let x = 5;
let y = 2;
let z = x / y;

ส่วนที่เหลือ

ตัว ดำเนินการ โมดูลัส ( %) ส่งคืนค่าเศษที่เหลือ

ตัวอย่าง

let x = 5;
let y = 2;
let z = x % y;

ในทางคณิตศาสตร์ การหารจำนวนเต็มสองจำนวนทำให้เกิดผลหาร และเศษเหลือ

ในวิชาคณิตศาสตร์ ผลลัพธ์ของการดำเนินการแบบโมดูโลคือส่วนที่เหลือของการหารเลขคณิต


เพิ่มขึ้น

ตัว ดำเนินการ เพิ่ม ( ++) จะเพิ่มตัวเลข

ตัวอย่าง

let x = 5;
x++;
let z = x;

ลดลง

ตัว ดำเนินการ ลดค่า ( --) ลดค่าตัวเลข

ตัวอย่าง

let x = 5;
x--;
let z = x;

การยกกำลัง

ตัว ดำเนินการ ยกกำลัง ( **) ยกตัวถูกดำเนินการแรกเป็นกำลังของตัวถูกดำเนินการที่สอง

ตัวอย่าง

let x = 5;
let z = x ** 2;          // result is 25

x ** y ให้ผลลัพธ์เช่นเดียวกับMath.pow(x,y):

ตัวอย่าง

let x = 5;
let z = Math.pow(x,2);   // result is 25

ลำดับความสำคัญของตัวดำเนินการ

ลำดับความสำคัญของตัวดำเนินการอธิบายลำดับการดำเนินการในนิพจน์เลขคณิต

ตัวอย่าง

let x = 100 + 50 * 3;

ผลลัพธ์ของตัวอย่างด้านบนเท่ากับ 150 * 3 หรือเท่ากับ 100 + 150 หรือไม่

บวกหรือคูณเสร็จก่อนไหม?

เช่นเดียวกับคณิตศาสตร์ของโรงเรียนแบบดั้งเดิม การคูณจะทำก่อน

การ คูณ ( *) และการหาร ( /) มีความสำคัญมากกว่าการบวก ( +) และการลบ ( -)

และ (เช่นเดียวกับในวิชาคณิตศาสตร์ของโรงเรียน) ลำดับความสำคัญสามารถเปลี่ยนแปลงได้โดยใช้วงเล็บ:

ตัวอย่าง

let x = (100 + 50) * 3;

เมื่อใช้วงเล็บ การดำเนินการภายในวงเล็บจะถูกคำนวณก่อน

เมื่อการดำเนินการหลายอย่างมีความสำคัญเท่ากัน (เช่น การบวกและการลบ) การดำเนินการจะถูกคำนวณจากซ้ายไปขวา:

ตัวอย่าง

let x = 100 + 50 - 3;

ค่าลำดับความสำคัญของตัวดำเนินการ JavaScript

รายการสีแดงซีดหมายถึง ECMAScript 2015 (ES6) หรือสูงกว่า

ค่า โอเปอเรเตอร์ คำอธิบาย ตัวอย่าง
21 ( ) การจัดกลุ่มนิพจน์ (3 + 4)
       
20 . สมาชิก คน.ชื่อ
20 [] สมาชิก คน["ชื่อ"]
20 () เรียกใช้ฟังก์ชัน ฟังก์ชั่นของฉัน ()
20 ใหม่ สร้าง วันที่ใหม่ ()
       
18 ++ Postfix เพิ่มขึ้น ฉัน++
18 -- Postfix ลดลง ผม--
       
17 ++ คำนำหน้าเพิ่มขึ้น ++ฉัน
17 -- คำนำหน้า ลดลง --ผม
17 ! ตรรกะไม่ !(x==y)
17 ประเภทของ พิมพ์ ประเภทของ x
       
16 ** การยกกำลัง (ES2016) 10 ** 2
       
15 * การคูณ 10 * 5
15 / แผนก 10 / 5
15 % ดิวิชั่นที่เหลือ 10% 5
       
14 + ส่วนที่เพิ่มเข้าไป 10 + 5
14 - การลบ 10 - 5
       
13 << เลื่อนไปทางซ้าย x << 2
13 >> ชิดขวา x >> 2
13 >>> เลื่อนไปทางขวา (ไม่ได้ลงชื่อ) x >>> 2
       
12 < น้อยกว่า x < y 
12 <= น้อยกว่าหรือเท่ากับ x <= y
12 > มากกว่า x > y
12 >= มากกว่าหรือเท่ากับ x >= y
12 ใน คุณสมบัติในวัตถุ "PI" ในภาษาคณิตศาสตร์
12 ตัวอย่างของ อินสแตนซ์ของออบเจ็กต์ ตัวอย่างของ Array
       
11 == เท่ากัน x == y
11 === เท่าเทียมกันอย่างเข้มงวด x === y
11 != ไม่เท่ากัน x != y
11 !== ไม่เท่าเทียมกันอย่างเข้มงวด x !== y
       
10 & Bitwise และ x & y
9 ^ Bitwise XOR x ^ y
8 | Bitwise OR x | Y
7 && ตรรกะและ x && y
6 || ตรรกะOR x || Y
5 ?? การรวมตัวเป็นโมฆะ เอ็กซ์?? Y
4 ? : สภาพ ? "ใช่ไม่ใช่"
       
3 += งานที่มอบหมาย x += y
3 /= งานที่มอบหมาย x /= y
3 -= งานที่มอบหมาย x -= y
3 *= งานที่มอบหมาย x *= y
3 %= งานที่มอบหมาย x %= y
3 <<= งานที่มอบหมาย x <<= y
3 >>= งานที่มอบหมาย x >>= y
3 >>>= งานที่มอบหมาย x >>>= y
3 &= งานที่มอบหมาย x &= y
3 ^= งานที่มอบหมาย x ^= y
3 |= งานที่มอบหมาย x |= y
       
2 ผลผลิต ฟังก์ชั่นหยุดชั่วคราว ผลผลิต x
1 , เครื่องหมายจุลภาค 5 , 6

นิพจน์ในวงเล็บจะถูกคำนวณอย่างสมบูรณ์ก่อนที่จะใช้ค่าในส่วนที่เหลือของนิพจน์


ทดสอบตัวเองด้วยแบบฝึกหัด

ออกกำลังกาย:

หาร10ด้วย2และแจ้งเตือนผล

alert(10  2);