解读JavaScript中 For, While与递归的用法


Posted in Javascript onMay 07, 2013

for循环:

for(i=start; i<end; i++) {
}

while循环: (注意, 若条件一直为真, 则会进入死循环, 浏览器就hang掉)
while (condition) {
     //do something;
     //change condition;
}

递归:使用for循环做substring
function substring(all, start, end) {
    for(i=start; i<=end; i++) {
         console.log(all[i]);
    }
substring("eclipse", 1, 4);   //clip

使用递归实现substring
function substring(all, start, end) {
    if(start >= end) {
        return all[start];
    }
    else {
        return all[start] + substring(all, start+1, end);
    }
substring("eclipse", 1, 4);    //clip

使用for循环访问对象属性:

对于数组,字符串, 我们使用index []访问特定的值; 对于对象,也是一样使用[], 但我们会使用一个特殊的变量: propertyName

var person = {
    name: "Morgan Jones",
    telephone: "(650) 777 - 7777",
    email: "morgan.jones@example.com"
};
for (var propertyName in person) {
    console.log(propertyName + ":"+ person[propertyName]);
}

使用for循环, 查找数组内的数据:
var table = [
    ["Person",  "Age",  "City"],
    ["Sue",     22,     "San Francisco"],
    ["Joe",     45,     "Halifax"]
];
var i;
var rows=table.length;
for (r=0;r<rows;r++) {
    var c;
    var cells = table[r].length;
    var rowText = "";
    for (c=0;c<cells;c++) {
        rowText += table[r][c];
        if (c < cells-1) {
            rowText += "  ";
        }
    }
    console.log(rowText);
}

结果:
Person Age City

Sue 22 San Francisco

Joe 45 Halifax

--------------------------------------------------------------------------------

break:

使用break立刻退出循环, 适用于for和while循环.

Javascript 相关文章推荐
JavaScript中的对象化编程
Jan 16 Javascript
js树形控件脚本代码
Jul 24 Javascript
javascript一些实用技巧小结
Mar 18 Javascript
jQuery避免$符和其他JS库冲突的方法对比
Feb 20 Javascript
深入解析JavaScript框架Backbone.js中的事件机制
Feb 14 Javascript
jQuery隐藏和显示效果实现
Apr 06 Javascript
基于vue-cli vue-router搭建底部导航栏移动前端项目
Feb 28 Javascript
vue 配置多页面应用的示例代码
Oct 22 Javascript
jQuery实现上下滚动公告栏详细代码
Nov 21 jQuery
Nginx设置为Node.js的前端服务器方法总结
Mar 27 Javascript
微信小程序实现单列下拉菜单效果
Apr 25 Javascript
JavaScript实现PC端横向轮播图
Feb 07 Javascript
JS Pro-深入面向对象的程序设计之继承的详解
May 07 #Javascript
基于JavaScript实现继承机制之原型链(prototype chaining)的详解
May 07 #Javascript
基于JavaScript实现继承机制之构造函数+原型链混合方式的使用详解
May 07 #Javascript
使用javascript:将其它类型值转换成布尔类型值的解决方法详解
May 07 #Javascript
JQuery+CSS提示框实现思路及代码(纯手工打造)
May 07 #Javascript
基于IE下ul li 互相嵌套时的bug,排查,解决过程以及心得介绍
May 07 #Javascript
解决javascript:window.close()在chrome,Firefox下失效的问题
May 07 #Javascript
You might like
基于MySQL体系结构的分析
2013/05/02 PHP
php断点续传之如何分割合并文件
2014/03/22 PHP
php中in_array函数用法分析
2014/11/15 PHP
php中current、next与reset函数用法实例
2014/11/17 PHP
深入认识JavaScript中的函数
2007/01/22 Javascript
使用prototype.js 的时候应该特别注意的几个问题.
2007/04/12 Javascript
克隆javascript对象的三个方法小结
2011/01/12 Javascript
DOM基础教程之使用DOM控制表单
2015/01/20 Javascript
详解JavaScript中的every()方法
2015/06/08 Javascript
js实现图片左右滚动效果
2017/02/27 Javascript
jQuery实现鼠标滑过预览图片大图效果的方法
2017/04/26 jQuery
jQuery扇形定时器插件pietimer使用方法详解
2017/07/18 jQuery
vue-cli结合Element-ui基于cropper.js封装vue实现图片裁剪组件功能
2018/03/01 Javascript
详解在create-react-app使用less与antd按需加载
2018/12/06 Javascript
python设计模式大全
2016/06/27 Python
Python selenium 三种等待方式解读
2016/09/15 Python
Python探索之pLSA实现代码
2017/10/25 Python
Python3中条件控制、循环与函数的简易教程
2017/11/21 Python
Pycharm无法显示动态图片的解决方法
2018/10/28 Python
Python面向对象之类的定义与继承用法示例
2019/01/14 Python
Python 词典(Dict) 加载与保存示例
2019/12/06 Python
浅谈Tensorflow加载Vgg预训练模型的几个注意事项
2020/05/26 Python
使用HTML5里的classList操作CSS类
2016/06/28 HTML / CSS
Html5实现移动端、PC端 刮刮卡效果
2016/06/30 HTML / CSS
创业计划实施的7大步骤
2014/02/05 职场文书
《与象共舞》教学反思
2014/02/24 职场文书
马云北大演讲完整版:真心话,什么才是阿里的核心竞争力?
2014/04/04 职场文书
免职证明样本
2014/10/23 职场文书
2014年团工作总结
2014/11/27 职场文书
2014小学语文教师个人工作总结
2014/12/03 职场文书
关于环保的宣传稿
2015/07/23 职场文书
员工手册董事长致辞
2015/07/29 职场文书
客户答谢会致辞
2015/07/30 职场文书
开学随笔
2015/08/15 职场文书
致创业您:正能量激励人心句子(48条)
2019/08/15 职场文书
创业计划书之家政服务
2019/09/18 职场文书