Những thủ thuật hữu ích với JavaScript

1.Chuyển đổi kiểu dữ liệu sang number sử dụng toán tử “+”.
-Thủ thuật này rất tuyệt vời và dễ dàng để thực hiện, nhưng nó chỉ hoạt động với chuỗi những con số, ngược lại nó sẽ trả về NaN (Not a Number). Hãy nhìn ví dụ sau:
function toNumber(strNumber) {
return +strNumber;
} console.log(toNumber(“1234”)); // 1234
console.log(toNumber(“ACB”)); // NaN
-Thủ thuật này cũng hoạt động với cả Date và trong trường hợp này nó sẽ trả về timestamp:
console.log(+new Date()) // 1461288164385
2. Câu điều kiện rút gọn.
-Bạn có thể rút gọn nó bằng cách kết hợp một biến (sẽ được xác nhận) và một hàm sử dụng && (toán tử AND) ở giữa.Bạn có thể làm tương tự để kiểm tra nếu một vài thuộc tính hay hàm tồn tại trong object.
3.Đặt giá trị mặc định sử dụng toán tử “||”.
-Trong trường hợp bạn muốn giả lập tính năng này trong các trình duyệt cũ thì bạn có thể sử dụng || (toán tự OR) bằng cách chèn giá trị mặc định như là tham số thứ hai để sử dụng. Nếu tham số đầu tiên trả về false thì tham số thứ hai sẽ được sử dụng như là một giá trị mặc định.
4.Cache array.length trong vòng lặp.
-Mẹo này rất đơn giản và gây tác động lớn tới hiệu suất khi xử lý các mảng lớn trong vòng lặp.
for (var i = 0; i < array.length; i++) {
console.log(array[i]);
}
-Nếu bạn làm việc với các mảng nhỏ thì không sao, nhưng nếu bạn xử lý những mảng lớn thì đoạn code này sẽ tính toán lại kích cỡ của mảng sau mỗi lần lặp và sẽ gây ra một chút chậm trễ (delay). Để tránh điều này, bạn có thể cache array.length trong một biến để dùng nó thay vì gọi array.length trong mỗi lần lặp:
let length = array.length;
for (let i = 0; i < length; i++) {
console.log(array[i]);
}
5. Lấy phần tử cuối cùng trong mảng.
– array.prototype.slice(begin,end)có thể cắt mảng khi bạn đặt tham số begin và end. Nhưng nếu bạn không nhập tham số end, hàm này sẽ tự động đặt giá trị lớn nhất cho mảng. Tôi nghĩ rằng ít người biết được hàm này có thể chấp nhận giá trị âm, và nếu bạn đặt tham số begin là một số âm thì bạn sẽ lấy ra các phần tử cuối cùng từ mảng:
let array = [1, 2, 3, 4, 5, 6];
console.log(array.slice(-1)); // [6]
console.log(array.slice(-2)); // [5,6]