Typescript 是一种用于开发 JavaScript 应用程序的强类型语言,它提供了一系列的循环构造,可以帮助我们快速地完成复杂的任务。
Typescript 中有三种主要的循环构造:for 循环、while 循环和 do-while 循环。for 循环是最常用的循环构造,它可以用来遍历数组、字典或者其他集合。它也可以用来执行重复性的工作,如计数器循环。while 循环是一个条件循环,它会在某个特定条件为真时重复执行代码块。do-while 循环是一个特殊的 while 循环,它会先执行一次代码块然后再判断条件是否为真。
// for loop example for (let i = 0; i < 10; i++) { console.log(i); } // while loop example let j = 0; while (j < 10) { console.log(j); j++; } // do-while loop example let k = 0; do { console.log(k); k++; } while (k < 10);
for循环执行指定次数的代码块。它可用于迭代一组固定的值,例如数组。for循环的语法如下:
for (initial_count_value; termination-condition; step) { //statements }
循环使用count变量来跟踪迭代。循环通过将count的值设置为其初始值来初始化迭代。每当count的值满足termination_condtion时,它就执行代码块。每次迭代后,该步骤都会更改count的值。
var num:number = 5; var i:number; var factorial = 1; for(i = num;i>=1;i--) { factorial *= i; } console.log(factorial)
程序计算数字5的阶乘并显示相同的阶乘。for循环生成从5到1的数字序列,计算每次迭代中数字的乘积。
在编译时,它将生成以下JavaScript代码:
//Generated by typescript 1.8.10 var num = 5; var factorial = 1; while (num >= 1) { factorial = factorial * num; num--; } console.log("The factorial is " + factorial);
代码产生以下输出:
120
for循环的另一个变化是for ... in循环。for ... in循环可用于迭代一组值,如数组或元组的情况。下面给出了相同的语法。
for ... in循环用于遍历列表或值集合。这里val的数据类型应该是string或any。for..in循环的语法如下所示:
for (var val in list) { //statements }
我们来看看下面的例子。
var j:any; var n:any = "a b c" for(j in n) { console.log(n[j]) }
在编译时,它将生成以下JavaScript代码:
//Generated by typescript 1.8.10 var j; var n = "a b c"; for (j in n) { console.log(n[j]); }
它将产生以下输出:
a b c
JSON 与 XML 对比XML:扩展标记语言 (Extensible Markup Language, XML) ,用于标记电子文件使其具有结构性的标记语言,可以用来...
在 Java 中使用 JSON本教程将会教我们如何使用 Java 编程语言编码和解码 JSON。让我们先来准备环境以便针对 JSON 进行 Java 编程...
HTML DOM Document 对象HTML DOM 节点在 HTML DOM (Document Object Model) 中 , 每一个元素都是节点:文档是一个文档。所有的HTM...
HTML DOM FileUpload 对象FileUpload 对象在 HTML 文档中 input type="file" 标签每出现一次,一个 FileUpload 对象就会被创建。...
本文提供了安装Ruby的逐步过程,用于执行SASS文件。SASS的系统要求操作系统:跨平台浏览器支持: IE(Internet Explorer 8+),Fir...
描述LESS包含五个保护比较运算符:,,=, =和=。 您可以使用比较运算符(=)来比较数字,字符串,标识符等,而剩余的运算符只能...
描述在延迟加载中,即使它们尚未声明,也可以使用变量。例子下面的例子演示了在LESS文件中使用延迟加载变量:htmlheadlink rel=s...