1.!!来转换成boolean
有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值,如果存在就返回true值。为了做这样的验证,我们可以使用!!操作符来实现是非常的方便与简单。对于变量可以使用!!variable做检测,只要变量的值为:0、null、" "、undefined或者NaN都将返回的是false,反之返回的是true。比如下面的示例:
2.使用+将字符串转换成数字
这个技巧非常有用,其非常简单,可以把字符串数据转换成数字,不过其只适合用于字符串数据,否则将返回NaN,比如下面的示例:
function toNumber(strNumber) {
return +strNumber;
//return strNumber-0;
}
console.log(toNumber("1234")); // 1234
console.log(toNumber("ACB")); // NaN
//这个也适用于Date,在本例中,它将返回的是时间戳数字:
console.log(+new Date()) // 1461288164385
3.并条件符
if (conected) {
login();
}
//可以简化为
conected&&login()
4.检测对象中属性
当你需要检测一些属性是否存在,避免运行未定义的函数或属性时,这个小技巧就显得很有用。如果你打算定些一些跨兼容的浏览器代码,你也可能会用到这个小技巧。例如,你想使用document.querySelector()来选择一个id,并且让它能兼容IE6浏览器,但是在IE6浏览器中这个函数是不存在的,那么使用这个操作符来检测这个函数是否存在就显得非常的有用,如下面的示例:
if ('querySelector' in document) {
document.querySelector("#id");
} else {
document.getElementById("id");
}
5.获取数组中最后一个元素
Array.prototype.slice(begin,end)用来获取begin和end之间的数组元素。如果你不设置end参数,将会将数组的默认长度值当作end值。但有些同学可能不知道这个函数还可以接受负值作为参数。如果你设置一个负值作为begin的值,那么你可以获取数组的最后一个元素。如:
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]
6.数组截断
这个小技巧主要用来锁定数组的大小,如果用于删除数组中的一些元素来说,是非常有用的。例如,你的数组有10个元素,但你只想只要前五个元素,那么你可以通过array.length=5来截断数组。