js编码的实用技巧(一)
2017-12-04 22:08
288 查看
1、 利用+、-、/1,*1将字符串转换为整数型
这个方法试用于将字符串类型的数字转换为整数型,如果带字母就会返回NaN。var a = "1234", b = "leonWuv"; //我们想把a转换为1234的整数型,一般方法 console.log(typeof Number(a)) //number //简单写法 console.log(+a + 1,typeof +a); //1235 number console.log(a - 0 + 1,typeof (a-0)); //1235 number console.log(a*1 + 1,typeof (a*1)); //1235 number console.log(a/1 + 1,typeof (a/1)); //1235 number console.log(b/1 + 1,typeof (b/1)); //NaN number1
2
3
4
5
6
7
8
9
这个也是用于 Date();它将返回时间戳
//以下方法都返回时间戳 console.log(+ new Date()); //1512378253218 2017年12月04日17时左右; console.log(Date.parse(new Date())); //1512378253000 注意后三位向下取整为000; console.log(new Date("2017/1/1").getTime()); ////14832000000001
2
3
4
2、利用!!强制转换布尔值
我们需要验证一个变量是否存在或者有效时,可以使用!!来简单快速的判断这个技巧我在 javaScript数据类型你都弄明白了吗?绝对干货这篇博文中的第四部分提到过
总结一下就是:只要变量的值为:0、null、” “、undefined或者NaN都将返回的是false,反之返回的是true。看下面例子
var a = 0,b = "12"; console.log(!!c); //false // 分解上面的代码--Boolean(c)得false,取非为true,再取非为false。 console.log(!!d) //true // 分解上面的代码--Boolean(d)true,取非为false,再取非为true1
2
3
4
5
3、在遍历数组时,缓存数组的length
在处理一个数组循环时,我们好多人通常会这么写for(var i = 0; i < array.length; i++) { console.log(array[i]); }1
2
3
当我们遍历一个小型数组时,这样写是可以的,但是当我们处理一个大型数组时,这样写就会每次循环都计算数组的长度,会有延误,这时我们可以这样写
var length = array.length; for(var i = 0; i < length; i++) { console.log(array[i]); }1
2
3
4
当然我们也可以这样写,这两种方式都是可以的
for(var i = 0, length = array.length; i < length; i++) { console.log(array[i]); }1
2
3
4、合理利用&&运算符
看看这段代码if(a){ console.log("hello leonWu"); //解释一下这段代码,如果Boolean(a)为true,就打印出hello leonWu }1
2
3
4
我们稍微修改一下上面的代码
a && console.log("hello leonWu"); //结果是一样的,但是这样是不是简单清晰多了,代码量也少了
相关文章推荐
- js编码的实用技巧(二)
- vue.js项目中实用的小技巧汇总
- JS实用技巧
- js实用技巧
- JS:超实用的JavaScript技巧及最佳实践(下)
- 实用的JS代码优化技巧
- js 处理URL实用技巧
- 41条超级实用的JS 技巧
- 实用技巧:js图片等比缩放
- 五段实用的js淫荡技巧
- js调试技巧 实用
- javascript实用技巧,js小知识
- 实用技巧:在JS应用中定义上下文根目录变量
- js实用技巧
- JS:超实用的JavaScript技巧及最佳实践(上)
- js的一些实用技巧
- 五段实用的js高级技巧
- Js返回上一页,刷新页面,定时刷新,改变地址栏 等常用实用技巧
- JS 实用技巧总结
- Struts中的一些实用技巧..JS定时跳,隐藏,单选