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:
Bạn đang xem: Các toán tử trong JavaScript
Toán tử Ví dụ Ý nghĩa = x = y gán giá trị y vào x += x += y x = x + y; cộng thêm vào x giá trị y -= x -= y x = x – y *= x *= y x = x * y /= x /= y x = x / y %= x %= y x = x % y ??= x ??= y Toán tử ??= trong js là phép gán khi null. Nếu x bằng null thì giá trị y gán cho x, nếu x đã khác null thì không thay đổi gì 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).
Toán tử Mô tả Ví dụ + phép cộng 25 + 5 = 30 – phép trừ 10 – 5 = 5 * phép nhân 2*3 = 6 / phép chia 20 / 2 = 10 % lấy phần dư của phép chia 56 / 3 = 2 ++ Tăng thêm 1 var a = 10; a ++; //giá trị a là 11 – giảm đi 1 var a = 10; a -; //giá trị a là 9 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
Xem thêm : Giới thiệu Typescript – Sự khác nhau giữa Typescript và Javascript
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
Toán tử Diễn tả Ví dụ == so sánh bằng (và giá trị, không so sánh về kiểu dữ liệu) var v1 = (5 == 10); // false var v2 = 5; // số var v3 = “5 “; // chuỗi var v4 = (v2 == v3);// true === === trong js so sánh giống nhau (true nếu cùng giá trị và kiểu dữ liệu) 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 != so sánh khác giá trị (dấu khác trong javascript chỉ so sánh và giá trị không xét đến kiểu) var v1 = (5 != 10); // true var v2 = (5 != “5”); // false !== Khác giá trị và khác kiểu var v1 = (5 !== 10); // false – khác giá trị nhưng cùng kiểu var v2 = (5 !== “10”); // true > lớn hơn 10 > 5 true >= lớn hơn hoặc bằng 10 >= 5 true < nhỏ hơn 10 < 5 false <= nhỏ hơn 10 <= 5 false
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)
Xem thêm : OOP là gì? 4 đặc tính cơ bản của OOP
Bảng toán tử logic gồm các phép toán : và – hoặc – phủ định
Toán tử Diễn tả && phép và (toán tử && trong javascript) trả về true nếu 2 số hạng là true: a && b || phép hoặc (toán tử hoặc trong javascript) trả về true nếu 1 trong 2 số hạng là true : a || b ! phủ định; !a trả về giá trị ngược với biểu thức a 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
Nguồn: https://sigma.edu.vn
Danh mục: Công Nghệ
