Các toán tử trong JavaScript

Cơ bản về các biểu thức và toán tử trong Javascript, các toán tử js cần nắm vững ở đây là các toán tử số học, toán tử gán, toán tử so sánh, toán tử logic, các toán tử với chuỗi ...

• Toán tử gán
• Toán tử số học
• Toán tử so sánh
• Toán tử logic
• Toán tử với chuỗi
• Toán tử typeof

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ử. Có các toán tử gán sau:

let your_name = "XUANTHULAB";
let your_addr = null;
const name_default = "KHÔNG TÊN";
const add_default = "KHÔNG ĐỊA CHỈ";

your_name ??= name_default;
console.log(your_name); // "XUANTHULAB"

your_addr ??= add_default;
console.log(your_addr); // "KHÔNG ĐỊA CHỈ"

Toán tử ?? loại bỏ null (null coalescing) trong javascript

Toán tử ?? trả về biểu thức bên trái nếu nó khác null (undefined), trả về biểu thức bên phải nếu nó là null

var ketqua = biểu_thức_trái ?? biểu_thức_phải;

Biểu thức này nhằm đảm bảo một biến, biểu thức nhận giá trị khác null.

let your_name = null;
let name_default = "KHÔNG TÊN";

let name = your_name ?? name_default;
console.log(name); // "KHÔNG TÊN"

your_name = "XUANTHULAB";
name = your_name ?? name_default;
console.log(name); // "XUANTHULAB"

Các toán tử số học JS

Các toán tử số học này thực hiện trên các số - dữ liệu dạng số (giá trị cụ thể hoặc giá trị nằm trong tên biến).

var x = 10 + 5;
document.write(x);
// In ra:  15

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

var x = 10;
var y = x + 5 + 22 + 45 + 6548;
document.write(y);

//In ra : 6630

Ví dụ về phép chia lấy phần dư modulus

var myVariable = 26 % 6;
//myVariable bằng  2

Chú ý về phép toán tăng thêm 1 ++ và giảm 1 --: Khi viết biểu thức thì toán tử có thể ở bên trước hoặc sau biến cần tăng giảm, kết quả trả về của biểu thức có sự khác nhau tùy cách viết

Viết sau biến như: a = var++, b = var-- thì giá trị trả về của biểu thức (giá trị gán vào a, b) là giá trị gốc của var, còn bản thân var vẫn được tăng, giảm

var a = 0; b = 10;
var a = b++;
//a sẽ là 10; b là 11

Nếu toán tử ++-- viết bên trái biến, thì giá trị biểu thức trả về chính là biến sau khi tăng giảm

var a = 0; b = 10;
var a = ++b;
//a sẽ là 11; b là 11

Toán tử so sánh trong JavaScript (JS)

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

JavaScript có một số toán tử so sánh, ví dụ so sánh bằng: ==

var num = 10;
// num == 8 will return false

Bảng toán tử so sánh

var v1 = (5 == 10); // false
var v2 = 5;         // số
var v3 = "5 ";      // chuỗi
var v4 = (v2 == v3);// true

var v1 = (5 === 10);  // false
var v2 = 5;           // kiểu số number
var v3 = "5 ";        // chuỗi string
var v4 = (v2 === v3); // false, giống giá trị nhưng khác kiểu

var v1 = (5 != 10);  // true
var v2 = (5 != "5"); // false

var v1 = (5 !== 10);  // false - khác giá trị nhưng cùng kiểu
var v2 = (5 !== "10"); // true

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 ...

Toán tử logic trong Javascript (JS)

Bảng toán tử logic gồm các phép toán : và - hoặc - phủ định

var a = (4 > 2) && (10 > 15);
//a nhận giá trị false: vì 4 > 2 là true, 10 > 15 là false;
//a = true && false;

Toán tử ba ngôi js - Toán tử điều kiện

variable = (condition) ? value1: value2;

Nhận giá trị value1 nếu điều kiện là true, nhận value2 nếu điều kiện false. Đây là cách viết ngắn ngọn của lệnh if, câu lệnh trên tương đương với

if (condition)
    variable = value1;
else
    variable = value2;

var isAdult = (age < 18) ? "Too young": "Old enough";
//isAdult = "Too young" nếu age nhỏ hơn 18
//isAdult = "Old enough" nếu age lớn hơn hoặc bằng 18

Toán tử với chuỗi trong JS

Toán tử với chuỗi sử dụng nhiều là nối hai chuỗi lại với nhau, sử dụng toán tử + để nối. Lưu ý toán tử này có thể nối số vào chuỗi.

var mystring1 = "Học viết mã ";
var mystring2 = "JavaScript.";
document.write(mystring1 + mystring2);

//sẽ viết ra: Học viết mã JavaScript.

Xuất biến ra chuỗi với kỹ thuật Template Literal

Một giá trị chuỗi bạn có thể viết để khởi tạo trong cặp dấu '',"", `` ví dụ như 'giá trị chuỗi' hoặc `giá trị chuỗi` hoặc "giá trị chuỗi"

Tuy nhiên nếu bạn dùng `` thì trong chuỗi đó có thể chèn biểu thức với ký hiệu ${biểu-thức}. Giá trị của biểu thức sẽ được tính toán và chèn vào vị trí của biểu thức từ đó hình thành nên chuỗi cuối cùng

let tb = `Hai nhân hai là ${2*2}`;
let name = "XuanThuLab";
let msg  = `Xin chao ${name}`;

console.log(tb);        // Hai nhân hai là 4
console.log(msg);       // Xin chao XuanThuLab

Toán tử typeof

Toán tử typeof trả về kiểu dữ liệu cần kiểm tra của một biến, một giá trị.

var a = 1;
var b = "Hi";
var c = true;
var d = null;
var e;

console.log(typeof(a)); // trả về number
console.log(typeof(b)); // trả về string
console.log(typeof(c)); // trả về boolean
console.log(typeof(d)); // trả về object
console.log(typeof(e)); // trả về undefined
console.log(typeof(f)); // trả về undefined