Toán tử trong JavaScript

Ngày đăng: 22/09/2020 - Cập nhật: 22/09/2020

Mục Lục

1. Các toán tử gán trong JavaScript
2. Các toán tử số học trong JavaScript
3. Các toán tử so sánh trong JavaScript
4. Các toán tử logic trong JavaScript
5. Toán tử ternary trong JavaScript
6. Nối chuỗi với toán tử +
7. Toán tử typeof trong JavaScript
Tổng kết

Xin chào! Hôm nay mình sẽ giới thiệu cho bạn về toán tử trong JavaScript. Có bao nhiêu loại toán tử trong JavaScript? Chúng được sử dụng như thế nào? Cùng theo dõi bài học này với mình nào.

JavaScript có các loại toán tử sau:

Toán tử gán

Toán tử so sánh

Toán tử số học

Toán tử bitwise

Toán tử logic

Toán tử với chuỗi

1. Các toán tử gán trong JavaScript

Toán tử gán được dùng để gán giá trị ở bên phải toán tử vào biến ở bên trái toán tử.

Trong JavaScript, có các toán tử gán sau:

Ví dụ:

		
		var x, y, result;

		y = 5; // Gán 5 cho y

		document.writeln(y);

		x = y; // Gán y cho x;

		document.writeln(x);

		x += y; // x = x + y = 5 + 5 = 10

		document.writeln(x);

		x -= y; // x = x - y = 10 - 5 = 5;

		document.writeln(x);

		x *= y; // x = x * y = 5 * 5 = 25

		document.writeln(x);

		x /= y; // x = x / y = 25 / 5 = 5

		document.writeln(x);

		x %= y; // x chia y lấy dư 

		document.writeln(x);

Kết quả ta nhận được như sau:

Ví dụ minh họa toán tử gán trong JavaScript

2. Các toán tử số học trong JavaScript

Các toán tử số học (toán tử đại số) này thực hiện trên các số - dữ liệu dạng số (cụ thể hoặc là biến). Chúng cũng gần tương tự như trong toán học thôi.

Các loại toán tử số học trong JavaScript

Ví dụ:

			
			let x = 5 + 10;

			document.write(x);

			//in ra : 15

Có thể sử dụng nhiều số hạng:

		
		let x = 5 + 10 + 4 + 6 + 123;

		document.write(x);

		//in ra : 148

Ví dụ chia lấy phần dư:

		
		let x = 20 % 3;

		document.write(x);

		//in ra 2;

Chý ý phép toán ++ và -- (toán tử đơn phương): Khi viết biểu thức thì toán tử có thể ở bên trái hoặc bên phải biến cần tăng hoặc giảm, kết quả sẽ khác nhau tùy cách viết.

		
		let x = 10;

		let a = x++;

		document.writeln(a);

		document.writeln(x);

		//in ra 10 11

Khi đặt toán tử ++ ở phía bên trái biến:

		
		let x = 10;

		let a = ++x;

		document.writeln(a);

		document.writeln(x);

		//in ra 11 11

Tương tự với toán tử --

3. Các toán tử so sánh trong JavaScript

Toán tử so sánh trong JavaScript sử dụng trong các biểu thức về logic để so sánh bằng, khác nhau, lớn hơn, nhỏ hơn.... Nó sẽ trả về giá trị true hoặc false.

Các loại toán tử so sánh trong JavaScript

Ví dụ:

			
			let a = 10;

			document.write(a == 5);

			//in ra false

			document.write(a > 5);

			//in ra true

Lưu ý: Khi sử dụng các toán tử này, hãy chắc chắn các số hạng có cùng kiểu, số so sánh với số, chuỗi so sánh với chuỗi,….

4. Các toán tử logic trong JavaScript

JavaScript cung cấp 3 loại toán tử logic gồm các phép toán: and, or, not

Ví dụ:

			
			let a = (10 > 5) && (10 < 5);

			document.write(a);

			//in ra false

5. Toán tử ternary trong JavaScript

Toán tử Ternary (toán tử 3 ngôi / toán tử điều kiện) trong JavaScript là một cách viết tắt của câu điều kiện if ... else

Cú pháp:

	
	let tenBien = (bieuThucDieuKien) ? giaTri1 : giaTri2;

Trong đó:

tenBien: là tên của biến.

bieuThucDieuKien: là biểu thức điều kiện. JavaScript sẽ đánh giá biểu thức này....

Nếu true, giaTri1 được gán cho tenBien

Nếu false, giaTri2 được gán cho tenBien

Ví dụ:

		
		let number = 20;

		let result = (number % 2 == 0) ? "Số chẵn" : "Số lẻ";

		document.write(result);

		//in ra Số chẵn

6. Nối chuỗi với toán tử +

Trong JavaScript, chúng ta có thể sử dụng toán tử + để nối hai chuỗi lại với nhau.

Nó có thể nối cả số vào chuỗi.

Ví dụ:

		
		let chuoi1 = "Học lập trình ";

		let chuoi2 = "JavaScript.";

		document.write(chuoi1 + chuoi2);

		// in ra : Học lập trình JavaScript.

7. Toán tử typeof trong JavaScript

Toán tử typeof trả về một chuỗi ký tự thể hiện kiểu dữ liệu của toán hạng.

Bạn có thể truyền vào chuỗi ký tự, biến, từ khóa, hoặc object để kiểm tra kiểu của nó.

Bạn có thể sử dụng typeof như sau:

		
		typeof operand;

		// Hoặc

		typeof (operand);

Không bắt buộc thêm dấu ngoặc tròn.

Ví dụ:

		
		let myFun = new Function('5 + 2');

		let shape = 'round';

		let size = 1;

		let foo = ['Apple', 'Mango', 'Orange'];

		let today = new Date();

		// toán tử typeof trả về kết quả cho từng biến

		typeof myFun; // trả về "function"

		typeof shape; // trả về "string"

		typeof size; // trả về "number"

		typeof foo; // trả về "object"

		typeof today; // trả về "object"

		typeof doesntExist; // trả về "undefined"

Với từ khóa true và null, toán tử typeof trả về kết quả sau:

		
		typeof true; // trả về "boolean"

		typeof null; // trả về "object"

Với số hoặc chuỗi ký tự, toán tử typeof trả về kết quả:

		
		typeof 10; // trả về "number"

		typeof 'Hello world'; // trả về "string"

> Lưu ý: Ngoài các toán tử thông dụng ở trên, bạn có thể tìm hiểu thêm về toán tử ở trên Mozilla

Tổng kết

Vậy là mình vừa cùng bạn tìm hiểu về các loại toán tử trong JavaScript, những toán tử này rất hữu dụng khi chúng ta lập trình.

Bạn hãy xem kỹ và luyện tập để hiểu hơn nhé. Hẹn gặp lại bạn ở bài học tiếp theo.

Về trang trước Bài tiếp theo

Gửi email in trang