JavaScript中的for循环语句怎么使用-tutorial js-php.cn

JavaScript中的for循环语句怎么使用

不言

Lepaskan： 2018-12-21 09:09:24

asal

5544 orang telah melayarinya

JavaScript中的循环语句有for循环语句和while循环语句，接下来的这篇文章就给大家先介绍一下JavaScript中for循环语句的用法。

JavaScript

我们先来简单看一下for循环语句和while循环语句的区别

简单来说，for循环语句和while循环语句的主要区别在于当循环次数固定时，使用for循环；当循环次数不固定时，使用while循环。

下面我们就来看看JavaScript中for循环语句的使用方法

for循环语句的语法

for（初始值;条件表达式;增加/减少表达式）{ 
　　循环处理
}

Salin selepas log masuk

我们来看for循环语句的具体示例

代码如下：变量指定为i

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript</title>
</head>
<body>
<script>
for (var i = 0; i < 10; i++) {
document.write (i);
}
</script>
</body>
</html>

Salin selepas log masuk

首先，虽然它是初始值，但我们声明一个名为i的变量并为其赋值0。这是初始循环过程。

接下来，条件表达式中的i <10意味着在i的值小于10的同时执行处理。

最后一个增加/减少表达式i ++意味着每次执行增加i的值是1。

然后，指定在使用document.write处理文档时要执行的循环过程。

用浏览器输出时...... 输出0到9的值。

JavaScript

在数组中使用for循环

在使用数组编写程序时经常使用for语句的语法。

我们举个例子。

一个名为list的数组框，并在里面放入Tom、Jerry、Holly三个值。

var list = [“Tom”，“Jerry”，“Holly”];

Salin selepas log masuk

我们使用for语句逐个处理这些值。

首先指定var i = 0作为初始值。只要变量i的值不超过数组的元素数，就循环i。每当循环时，i就加1。

最后，我们使用document.write调用该元素。

for (var i = 0; i < list.length; i++){
document.write (list[i]);
}

Salin selepas log masuk

（数组的长度可以通过length属性获得）

变量i是数组元素的下标。因此，它将采用从0到元素数量并访问每个元素（Tom，Jerry，Holly）的计数形式。

我们来运行下面的程序

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript</title>
</head>
<body>
<script>
var list = ["Tom","Jerry","Holly"];
for (var i = 0; i < list.length; i++) {
document.write (list[i]);
}
</script>
</body>
</html>

Salin selepas log masuk

运行结果如下

JavaScript

通过这种方式，可以看到正在逐个访问和输出下标为0,1,2的元素。

我们最后来看一下跳转语句：break和continue

跳转语句是在中断当前进程并转移到另一个规范进程时使用的语法。

它主要用于循环进程，可用于for和while语句。

break语句 - 立即终止循环进程

continue语句 - 中断正在执行的循环过程并继续下一个循环过程

下面用for语句来说明一下break和continue。

<script>
for (var i = 0; i < 10; i++) {
document.write (i * 10);
}
</script>

Salin selepas log masuk

break语句

在break语句中，循环进程在i执行到5的时刻退出，并且不再执行。

<script>
for (var i = 0; i < 10; i++) {
if (i == 5) {
break;
}
document.write (i * 10);
}
</script>

Salin selepas log masuk

由于仅执行到i为4时，因此进程在40处终止。

2345截图20181217151306.png

continue语句

另一方面，当执行continue时，仅当i为5时才跳过循环继续执行。

<script>
for (var i = 0; i < 10; i++) {
if (i == 5) {
continue;
}
document.write (i * 10);
}
</script>

Salin selepas log masuk

运行结果如下

2345截图20181217151453.png

Atas ialah kandungan terperinci JavaScript中的for循环语句怎么使用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Php8, saya datang juga

Ketahui reka letak tapak web dalam masa 30 minit

Tutorial Video Permulaan Shangguan Oracle kepada Mahir

Baris pertama kod UNI-APP anda

Berkibar dari awal ke pelancaran apl

Tutorial Video Linux Baharu Brother Lian

Tutorial Video AXURE 9 (Sesuai untuk UI Reka Bentuk Produk Interaktif Pengurus Produk)

Tutorial Video PS Kemahiran Asas Sifar

Tutorial video UI 16 hari untuk anda bermula

Tutorial Video Teknik PS dan Teknik Menghiris

Tutorial Video Pembinaan Persekitaran Awan Alibaba dan Pelancaran Projek

Gambaran Keseluruhan Rangkaian Komputer - Pengetahuan Asas yang Perlu Dikuasai Pengaturcara

Tutorial Penting untuk Pengaturcara - Penjelasan Protokol HTTP

Tutorial Video Websocket

JavaScript中的for循环语句怎么使用