首页 / JAVASCRIPT / Javascript常用小技巧汇总_javascript技巧

Javascript常用小技巧汇总_javascript技巧

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Javascript常用小技巧汇总_javascript技巧，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2728字，纯文字阅读大概需要4分钟。

内容图文

本文实例讲述了Javascript常用小技巧。分享给大家供大家参考。具体分析如下：

一、True 和 False 布尔表达式

下面的布尔表达式都返回 false:

null
undefined
'' 空字符串
0 数字0

但小心下面的, 可都返回 true:

'0' 字符串0
[] 空数组
{} 空对象

下面段比较糟糕的代码:

代码如下:
while (x != null) {

你可以直接写成下面的形式(只要你希望 x 不是 0 和空字符串, 和 false):

代码如下:
while (x) {

如果你想检查字符串是否为 null 或空:

代码如下:
if (y != null && y != '') {

但这样会更好:

代码如下:
if (y) {

注意: 还有很多需要注意的地方, 如:

Boolean('0') == true
'0' != true
0 != null
0 == []
0 == false
Boolean(null) ==false
null != true
null != false
Boolean(undefined) ==false
undefined != true
undefined != false
Boolean([]) == true
[] != true
[] == false
Boolean({}) == true
{} != true
{} != false

二、条件(三元)操作符 (?:)

三元操作符用于替代下面的代码:

你可以写成:

代码如下:
return val ? foo() : bar();

在生成 HTML 代码时也是很有用的:
代码如下:
var html = '';

三、&& 和 ||

二元布尔操作符是可短路的, 只有在必要时才会计算到最后一项.

"||" 被称作为 'default' 操作符, 因为可以这样:

你可以使用它来简化上面的代码:

"&&" 也可简短代码.比如:

你可以像这样来使用:

或者:

不过这样就有点儿过头了:

代码如下:
node && node.kids && node.kids[index] && foo(node.kids[index]);


四、使用 join() 来创建字符串

通常是这样使用的:

但这样在 IE 下非常慢, 可以用下面的方式:

你也可以是用数组作为字符串构造器, 然后通过 myArray.join('') 转换成字符串.不过由于赋值操作快于数组的 push(), 所以尽量使用赋值操作.

五、遍历 Node List

Node lists 是通过给节点迭代器加一个过滤器来实现的. 这表示获取他的属性, 如 length 的时间复杂度为 O(n),通过 length 来遍历整个列表需要 O(n^2).

这样做会更好:

这种方法对所有的 collections 和数组(只要数组不包含 falsy 值) 都适用.

在上面的例子中, 也可以通过 firstChild 和 nextSibling 来遍历孩子节点.

希望本文所述对大家的javascript程序设计有所帮助。

内容总结

以上是互联网集市为您收集整理的Javascript常用小技巧汇总_javascript技巧全部内容，希望文章能够帮你解决Javascript常用小技巧汇总_javascript技巧所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/325970.html

来源：【匿名】