12 Mẹo sử dụng Javascsript Cực kỳ hữu ích

12 Mẹo sử dụng Javascript
 

Mẹo #1: Chuyển đổi sang Boolean bằng toán tử !!

• Biến này sẽ trả về false chỉ khi nó có một số giá trị sau: 0, null, "", undefined hoặc NaN

• Nếu không nó sẽ trả lại true.

function Account(cash) {
    this.cash = cash;
    this.hasMoney = !!cash;
}

var account = new Account(100.50);
console.log(account.cash); // 100.50
console.log(account.hasMoney); // true

var emptyAccount = new Account(0);
console.log(emptyAccount.cash); // 0
console.log(emptyAccount.hasMoney); // false

Mẹo #2: Chuyển đổi thành number sử dụng toán tử +

function toNumber(strNumber) {
    return +strNumber;
}

console.log(toNumber("1234")); // 1234
console.log(toNumber("ACB")); // NaN

// Toán tử + cũng hoạt động với định dạng Date
// Trong trường hợp này nó sẽ trả về timestamp
console.log(+new Date()) // 1461288164385

Mẹo #3: Sử dụng toán tử &&

if (conected) {
    login();
}

conected && login();

user && user.login();

Mẹo #4: Thiết lập giá trị mặc định sử dụng toán tử ||

function User(name, age) {
    this.name = name || "NIIT";
    this.age = age || 27;
}

var user1 = new User();
console.log(user1.name); // NIIT
console.log(user1.age); // 27

var user2 = new User("Doanh", 25);
console.log(user2.name); // Doanh
console.log(user2.age); // 25

Mẹo #5: Nhớ tạm array.length trong vòng lặp

for(var i = 0; i < array.length; i++) {
    console.log(array[i]);
}

var length = array.length;
for(var i = 0; i < length; i++) {
    console.log(array[i]);
}

for(var i = 0, length = array.length; i < length; i++) {
    console.log(array[i]);
}

Mẹo #6: Detect thuộc tính trong đối tượng

if ('querySelector' in document) {
    document.querySelector("#id");
} else {
    document.getElementById("id");
}

Mẹo #7: Lấy item cuối cùng của một mảng

var array = [1,2,3,4,5,6];
console.log(array.slice(-1)); // [6]
console.log(array.slice(-2)); // [5,6]
console.log(array.slice(-3)); // [4,5,6]

var array = [1,2,3,4,5,6];
console.log(array.length); // 6
array.length = 3;
console.log(array.length); // 3
console.log(array); // [1,2,3]

var string = "Xinh lung linh";
console.log(string.replace(/nh/, "ng")); // "Xing lung linh"
console.log(string.replace(/nh/g, "ng")); // "Xing lung ling"

var array1 = [1,2,3];
var array2 = [4,5,6];
console.log(array1.concat(array2)); // [1,2,3,4,5,6];

var array1 = [1,2,3];
var array2 = [4,5,6];
console.log(array1.push.apply(array1, array2)); // [1,2,3,4,5,6];

var elements = document.querySelectorAll("p"); // NodeList
var arrayElements = [].slice.call(elements); // Bây giờ NodeList là một array
var arrayElements = Array.from(elements); // Một cách khác chuyển đổi NodeList thành Array

var list = [1,2,3];
console.log(list.sort(function() { Math.random() - 0.5 })); // [2,1,3]