简单学习JavaScript中的for语句循环结构
JavaScript中的for循环之旅
在JavaScript的世界里,for循环是一种非常基础且重要的结构,它帮助我们在编程过程中实现重复的任务。让我们一同启程,深入了解它的奥秘。
让我们通过一个简单的示例开始我们的旅程:
假设我们有一个数组demoArr,我们想要遍历并打印出它的每一个元素。我们可以使用如下的for循环结构:
```javascript
var demoArr = ['Javascript', 'Gulp', 'CSS3', 'Grunt', 'jQuery', 'angular'];
(function() {
for(var i=0, len=demoArr.length; i console.log('demoArr['+ i +']:' + demoArr[i]); } })(); ``` 这个例子中,我们使用了函数自执行的方式将循环中的变量i进行隔离,避免了对其他变量的影响。我们使用了预定义长度的循环方式,这种方式比每次循环都计算数组长度的方式更为高效。为了提高代码的可读性,我们可以将变量声明放在for语句的前面。这就是for循环的基本使用方式。for循环的魅力远不止于此。 在for循环中,我们可以使用三种方式跳出循环:return、break和continue。return会终止整个函数的执行;break会终止当前的循环;而continue则会跳过当前的循环迭代。这是一个完整的示例: 假设我们有一个完整的HTML页面,其中包含了一个名为demo1Arr的数组。我们想要遍历这个数组并打印出每个元素,但是当我们遇到第三个元素时,我们想要跳过它。那么我们可以使用如下代码: ```html
var demo1Arr = ['Javascript', 'Gulp', 'CSS3', 'Grunt', 'jQuery', 'angular'];
(function() {
for(var i=0, len=demo1Arr.length; i if (i == 2) { continue; // 当i等于2时,跳过此次循环,不执行下面的console.log语句。 }; console.log('demo1Arr['+ i +']:' + demo1Arr[i]); // 打印数组中的每个元素。 } })(); // 使用函数自执行的方式运行for循环。 ``` 这就是JavaScript中的for循环的基本用法和特性。通过理解这些基础知识,你将能够更深入地JavaScript的世界,开启你的编程之旅。希望你在学习和的过程中找到乐趣和成就感。
编程语言
- 简单学习JavaScript中的for语句循环结构
- 解决vue-cli单页面手机应用input点击手机端虚拟键
- javascript 正则表达式用法 小结
- PHP函数按引用传递参数及函数可选参数用法示例
- 浅析centos 7 mysql-8.0.19-1.el7.x86_64.rpm-bundle.tar
- jQuery侧边栏实现代码
- PHP中的表达式简述
- 返回函数的JavaScript函数
- Ajax 程序开发中常见问题
- PHP dirname(__FILE__)原理及用法解析
- PHP递归的三种常用方式
- Zend Framework页面缓存实例
- vue 组件的封装之基于axios的ajax请求方法
- php str_getcsv把字符串解析为数组的实现方法
- Jquery具体实例介绍AJAX何时用,AJAX应该在什么地方
- js实现简易的单数字随机抽奖(0-9)