JavaScript实用小技巧(1）

1 并条件符的妙用

if(checked) {
    console.log("true");
}

那么可以利用“&&”的条件符把这三行代码合并成一行代码：

checked && console.log("true");

2 在循环中缓存array.length

基本上，写一个这样的同步迭代的数组是最基础的：

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

但是一旦数组太大影响性能，所以一般建议写成这样：

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

3 检测对象中属性

如果你想使用document.querySelector()来选择一个id，并且让它能兼容IE6浏览器，但是在IE6浏览器中这个函数是不存在的，那么使用这个操作符来检测这个函数是否存在就显得非常的有用，如下面的示例：

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

4 利用slice函数 获取数组中最后一个元素

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]

5 合并数组

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

参考链接：http://web.jobbole.com/86146/