本文实例讲述了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 你可以写成: 三、&& 和 || 二元布尔操作符是可短路的, 只有在必要时才会计算到最后一项. "||" 被称作为 'default' 操作符, 因为可以这样: 你可以使用它来简化上面的代码: "&&" 也可简短代码.比如: 你可以像这样来使用: 或者: 不过这样就有点儿过头了: 通常是这样使用的: 但这样在 IE 下非常慢, 可以用下面的方式: 你也可以是用数组作为字符串构造器, 然后通过 myArray.join('') 转换成字符串.不过由于赋值操作快于数组的 push(), 所以尽量使用赋值操作. 五、遍历 Node List Node lists 是通过给节点迭代器加一个过滤器来实现的. 这表示获取他的属性, 如 length 的时间复杂度为 O(n),通过 length 来遍历整个列表需要 O(n^2). 这样做会更好: 这种方法对所有的 collections 和数组(只要数组不包含 falsy 值) 都适用. 在上面的例子中, 也可以通过 firstChild 和 nextSibling 来遍历孩子节点. 希望本文所述对大家的javascript程序设计有所帮助。
'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
二、条件(三元)操作符 ("htmlcode">
if (val != 0) {
return foo();
} else {
return bar();
}
复制代码 代码如下:return val "codetitle">复制代码 代码如下:var html = '';
function foo(opt_win) {
var win;
if (opt_win) {
win = opt_win;
} else {
win = window;
}
// ...
}
function foo(opt_win) {
var win = opt_win || window;
// ...
}
if (node) {
if (node.kids) {
if (node.kids[index]) {
foo(node.kids[index]);
}
}
}
if (node && node.kids && node.kids[index]) {
foo(node.kids[index]);
}
var kid = node && node.kids && node.kids[index];
if (kid) {
foo(kid);
}
复制代码 代码如下:node && node.kids && node.kids[index] && foo(node.kids[index]);
四、使用 join() 来创建字符串
function listHtml(items) {
var html = '';
for (var i = 0; i < items.length; ++i) {
if(i > 0) { html += ', ';
}
html += itemHtml(items[i]);
}
html +='';
return html;
}
function listHtml(items) {
var html = [];
for (var i = 0; i < items.length; ++i) {
html[i] = itemHtml(items[i]);
}
return '' + html.join(', ') + '';
}
var paragraphs = document.getElementsByTagName_r('p');
for (var i = 0; i < paragraphs.length; i++) {
doSomething(paragraphs[i]);
}
var paragraphs = document.getElementsByTagName_r('p');
for (var i = 0, paragraph; paragraph = paragraphs[i]; i++) {
doSomething(paragraph);
}
var parentNode = document.getElementByIdx_x('foo');
for (var child = parentNode.firstChild; child; child = child.nextSibling) {
doSomething(child);
}
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
更新日志
- 群星.1996-风月电影原声带【滚石】【WAV+CUE】
- Blast Slam S1参赛名单出炉:XG被直邀
- 《英雄联盟》Doinb想让Tian当教练:世纪大和解?
- 《忆蚀》Subliminal:揭秘后室之谜,路知行献声Weplay文化展
- 那英《征服NEWXRCD台湾版》日本压制[WAV+CUE]
- 群星《金曲百分百上》3CD(香港版)[WAV+CUE]
- 刘欢《雨中的树(新歌加精选)2CD》德国HD24K金碟[WAV+CUE]
- 郑源 《世间情歌》6N纯银SQCD[WAV+CUE][1G]
- 群星《粤潮2HQII》头版限量编号[低速原抓WAV+CUE][991M]
- 群星《2023好听新歌21》十倍音质 U盘音乐[WAV分轨][1G]
- 《热血传奇》双11感恩回馈 超值狂欢30天
- 原神5.2版本活动汇总 5.2版本活动有哪些
- 张敬轩.2010-NO.ELEVEN【环球】【WAV+CUE】
- 黄丽玲.2006-失恋无罪【艾回】【WAV+CUE】
- 阿达娃.2024-Laluna【W8VES】【FLAC分轨】