讲师中心 微信公众号
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机游戏
最近更新
首页 > web前端 > js教程 > 正文

JavaScript 数组循环引起的思考_javascript技巧

php中文网
发布： 2016-05-16 18:37:39
原创
1364人浏览过

看代码，不说话：

魔术橡皮擦
魔术橡皮擦

智能擦除、填补背景内容

魔术橡皮擦 105
查看详情 魔术橡皮擦
复制代码 代码如下:

var i=arr.length;
while(i--)
{
//写点啥？
}

上面是Google array.js 程序中建议改进的代码。思考为什么i-- 到了 i为0时while循环结束了？

下面的代码与它等价：
复制代码 代码如下:

var i=arr.length;
for(;i--;)
{
//i--写在两个分号的中间，奇怪吗？不奇怪吗？
}

震撼？没感觉？

呃。平时我们写在两个分号中间的是什么？这个i--按“常理”应该是在第二个分号之后啊。那我们看看C语言的代码：
复制代码 代码如下:

int main()
{
int i = 5;
while(i--)
{
printf("%d ", i);
}
while(1);
return 0;
}

运行的结果也是与JavaScript惊人的一致！

好吧。我不知道这是为什么？只知道数值0转换成布尔值为false：

var i= !!0;

而别的数值转换成布尔值为true。上面的示例程序代码是将数值到布尔值的显式转换。

0隐式转换为false的情况用下面的JS程序测一下：
复制代码 代码如下:

var i=0;
if(i)
{
alert('if');
}
else{
alert('else');
}
alert('不管怎么if和怎么else程序都要走这儿');

if这个示例代码写得一点都不“实战”？那好吧，下面是一位土豆网前端开发高手的代码示例片段：
复制代码 代码如下:

var obj = {status:0, msg:'xxxx'};
var data = obj.status || 'xxxx';

这个总够“隐蔽”的了！

再强调一次：数值0的隐式转换成布尔值为false的条件是在if()中、while()中、for(;;)两个分号的中间等布尔判定的条件表达式。
相关标签：
javascript

大家都在看：

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：javascript控制frame,iframe的src属性代码_javascript技巧 下一篇：20个非常棒的Jquery实用工具 国外文章_jquery
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
JavaScript中的事件委托是什么_它如何提高事件处理效率？ 事件委托是利用事件冒泡将子元素事件交由父元素统一处理的技巧，通过e.target或closest()识别目标，减少绑定次数、支持动态元素、降低内存占用。
2025-12-22 22:11:44
291
javascript拖放功能如何实现_DataTransfer对象在拖拽中起什么作用？ JavaScript拖放功能通过dragstart→dragover→drop事件链和DataTransfer对象实现数据传递；需设draggable="true"、在dragover中preventDefault()、用setData()/getData()存取数据，且注意MIME类型一致与移动端兼容问题。
2025-12-22 22:11:25
700
javascript如何实现国际化_怎样轻松切换网站的多语言 JavaScript国际化核心是分离语言内容与逻辑代码、动态加载语言包并实时更新界面文本；采用JSON管理文案、按需加载缓存、data-i18n标记替换、Intl处理格式化、localStorage持久化偏好并响应系统语言变化。
2025-12-22 22:09:15
911
javascript如何实现跨域请求_CORS机制怎样配置 CORS是浏览器强制执行的跨域安全机制，需后端配置响应头（如Access-Control-Allow-Origin）才能合法跨域，前端无法绕过或伪造。
2025-12-22 22:09:08
524
什么是Javascript以及它如何驱动现代网页交互？ JavaScript是一种专为浏览器设计的轻量级解释型语言，负责网页交互行为：监听事件、动态操作DOM、条件判断、与服务器通信；可内联或外链，依赖DOM就绪机制确保执行安全；配合框架、工具及API构建现代复杂Web应用。
2025-12-22 22:08:02
471
如何使用JavaScript实现路由_它如何创建单页面应用呢 JavaScript路由核心是用HistoryAPI（pushState/replaceState和popstate）实现URL变更不刷新页面，并动态更新DOM；需服务端配置回退至index.html，框架路由还支持嵌套、守卫、懒加载等。
2025-12-22 22:08:02
683
javascript Proxy是什么_如何用它拦截对象操作？ Proxy是JavaScript中用于创建代理对象的构造函数，通过target和handler拦截并自定义对象操作；支持get、set、has等trap实现响应式、验证等功能；需配合Reflect安全转发，注意仅代理第一层、不可代理原始值等限制。
2025-12-22 22:07:20
182
什么是javascript服务端渲染_它如何提升首屏加载速度？ SSR通过服务器端执行JavaScript生成完整HTML，使浏览器无需等待JS执行即可立即渲染首屏内容，显著缩短白屏时间和FCP，提升SEO与弱网体验，但增加服务端开销且需处理hydration和API兼容性问题。
2025-12-22 22:07:02
521
如何调试JavaScript代码_有哪些常用的浏览器开发工具？ 最直接有效的JavaScript调试方式是使用浏览器开发者工具。通过Sources面板设断点、Console交互执行、Network和Application排查异步与数据问题、Elements与Console联动调试DOM，可高效定位并解决90%的前端逻辑问题。
2025-12-22 22:06:40
458
javascript DOM是什么_如何通过javascript操作网页元素？ DOM是浏览器将HTML转换成的可编程树状结构，每个元素为对象，支持读取、修改、添加或删除；常用获取方法有getElementById、querySelector等；可修改innerHTML、textContent、style及classList；新增用createElement+appendChild，删除用remove，替换用replaceChild。
2025-12-22 22:06:08
827
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部