Những mẹo và thủ thuật mà lập trình viên JavaScript cần biết

JavaScript là ngôn ngữ lập trình được sử dụng rộng rãi nhất hiện nay. Nếu bạn cũng đang dùng JavaScript lập trình web, ứng dụng hay chương trình nào đó, những mẹo dưới đây có thể hữu ích với bạn.

Lập trình cùng JavaScript

Nên dùng 3 dấu bằng thay cho hai dấu bằng

Hai dấu bằng (==) không đảm bảo tính chặt chẽ. Ví dụ, nó tự động chuyển đổi kiểu dữ liệu mọi lúc cần thiết. Trong khi đó bộ ba dấu bằng (===) giúp bạn kiểm tra chặt chẽ hơn tính ngang bằng. Ví dụ: Nó kiểm tra cả hai giá trị và kiểu dữ liệu. Do đó, bạn nên dùng ba dấu bằng để so sánh hai đối tượng.

// là false, vì nó kiểm tra kiểu dữ liệu của cả LHS và RHS
[1] === 1  
  
// true, vì nó typecasts giá trị bên trái, là 1, bằng RHS.
[1] == 1     
  
// false, vì LHS là một ký tự còn RHS là số nguyên.
'2' === 2     
  
// true, do typecasting. 
'2' == 2    
  
'undefined'=='undefined' // true
'undefined' === 'undefined' // true
  
0 == false  // true
0 === false // false

Dùng SET để lấy các giá trị độc nhất

Trong một mảng được cung cấp ở JavaScript (phiên bản ES6), nếu chúng ta sao chép các giá trị bên trong nó, đồng thời muốn có tất cả những giá trị độc đáo, hãy lưu trữ mảng này trong một đối tượng SET được giới thiệu ở phiên bản ES6.

// arr là array trùng lặp mảng số nguyên
Const arr = [10,10,20,20,30]; = [10,10,20,20,30];
// Lư trữ mảng trên trong new_arr
const new_arr = [...new Set(arr)];

// Print new_arr
console.log(new_arr); // Result: [10, 20, 30]

Kết quả: [10, 20, 30]

Nếu không có Set, quá trình này sẽ tốn thời gian. Bạn phải lặp qua mảng và lưu trữ các thành phần độc đáo lần lượt trong một đối tượng mới.

Thao tác trực tiếp trong Console.log()

Bạn có thể trực tiếp thực hiện các thao tác trên chính console.log(). Bạn không cần phải tính toán trước khi in ra bảng điều khiển. Nó có thể thực hiện phép toán Cộng, Trừ, Nhân, Chia, Lũy thừa, Tăng, Giảm và các phép toán logic trên bảng điều khiển của nó.

var a = 10;
var b = 20;

// Phép cộng
console.log("Addition of a and b: " + (a + b) );		
// Phép trừ
console.log("Subtraction: " + (a - b) );
// Phép nhân
console.log("Multiplication between a and b: " + (a * b) );
// Phép chia
console.log("The Quotient will be: " + (b / a) );
// Modulo, khi a chia cho b
console.log((a % b));
// pre-increment
console.log("Value of a after pre-increment: " + (++a) );
// post-increment
console.log("Value of a after post-increment: " + (a++) );
// pre-decrement
console.log("Value of b after pre-decrement: " + (--b) );
// post-decrement
console.log("Value of b after post-decrement: " + (b--) );
// Lũy thừa
console.log("2 raise to the power 3: " + (2**3);

Giảm độ dài của một mảng

Bạn có thể giảm độ dài của một mảng bằng hàm ( array.length).

Giả sử, có một mảng kích thước 10. Và bạn cần phần tử đầu tiên k trong đó, (k < 10) của mảng, Bạn có thể giảm độ dài của mảng để có được mảng kích thước giảm như ý muốn.

Ví dụ:

Array: [ 11, 12, 122, 133, 152], size= 4;

Ở đây cần một mảng của 2. Vì thế, mảng đó sẽ là [ 11,12 ].

var array = [1, 2, 5, 78, 98]
console.log("The array of size ",array.length)
// kích thước của mảng là 4
array.length=4;
console.log("The array of size ", array.length,"is :",array)

// kích thước của mảng là 3
array.length=3;
console.log("The array of size ", array.length,"is :",array)

//kích thước của mảng là 2
array.length=2;
console.log("The array of size ", array.length,"is :",array)

Dùng Slice để lấy các phần tử đã chọn trong một mảng

Phương thức Slice được sử dụng trong mảng để lấy các phần tử đã chọn từ một mảng. Nó trả về một mảng mới chứa các phần tử đã chọn, nhưng mảng ban đầu không bị ảnh hưởng.

Cú pháp: array.slice(start, end)

Trên đây là một số mẹo lập trình JavaScript hữu ích cho lập trình viên. Hi vọng bài viết hữu ích với các bạn.

Thứ Sáu, 17/03/2023 13:59
51 👨 178
0 Bình luận
Sắp xếp theo