js编码实际技巧
来源:互联网 发布:金石软件win10 编辑:程序博客网 时间:2024/05/17 23:18
在平时的开发中,编码技巧很重要,会让你少写很多代码,起到事倍功半的效果。
下面总结几种简单的技巧,大家共同学习一下
1、 利用+、-、/1,*1将字符串转换为整数型
这个方法试用于将字符串类型的数字转换为整数型,如果带字母就会返回NaN。
var a = "1234", b = "leonWuv";//我们想把a转换为1234的整数型,一般方法console.log(typeof Number(a)) //number//简单写法console.log(+a + 1,typeof +a); //1235 numberconsole.log(a - 0 + 1,typeof (a-0)); //1235 numberconsole.log(a*1 + 1,typeof (a*1)); //1235 numberconsole.log(a/1 + 1,typeof (a/1)); //1235 numberconsole.log(b/1 + 1,typeof (b/1)); //NaN number
- 1
- 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()); ////1483200000000
- 1
- 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,再取非为true
- 1
- 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}
阅读全文
0 0
- js编码实际技巧
- 判断文件实际编码格式
- 编码技巧
- 编码技巧
- JS获取字符串实际长度!
- JS获取字符串实际长度!
- JS获取字符串实际长度!
- JS获取字符串实际长度
- JS获取字符串实际长度
- js获取汉字实际长度
- JS获取字符串实际长度!
- JS获取字符串实际长度!
- js编码
- js 编码
- js编码
- JS编码
- JS编码
- js 编码。
- Two Sum II
- 1、java并发编程实践(1)
- express目录结构
- 项目笔记--Hybrid和express
- MySQL error number 2003
- js编码实际技巧
- Cookie用于商品购物车
- C++ 文件输入
- Python之文件处理
- 第十二周项目四:验证算法(4)
- 记一次iOS自动化打包走过的坑-关于React Native-iOS项目
- String,StringBuffer,StringBuilder的区别
- 程序员的数学(一)
- spring AOP的实现原理(动态代理)