찾다
웹 프론트엔드JS 튜토리얼세 가지 js 루프의 키워드 예(for 및 while)_기본 지식

루프를 작성하는 세 가지 방법:

<!doctype html>
<title>js循环 by 脚本之家</title>
<meta charset="utf-8"/>
<meta name="keywords" content="js循环 by 脚本之家" />
<meta name="description" content="js循环 by 脚本之家" />
</head>
<body>
//while循环
 <script type="text/javascript">
i = 1;
while (i <= 6)
{
document.write("<h" + i+">脚本之家,这是标题"+i);
document.write("</h"+i+">");
i++;
}
</script>
//do_whilel循环
<script type="text/javascript">
i = 1;
do
{
document.write("<h" + i+">jb51.net ,这是标题"+i);
document.write("</h"+i+">");
i++;
}
while(i<=6);
</script>
//for循环 
 <script type="text/javascript">
for(i=1;i<=6;i++)
{
 document.write("<h"+i+">脚本之家,这是标题"+i);
 document.write("</h"+i+">");
}
</script>
</body>
</html>


다양한 유형의 루프

JavaScript는 다양한 유형의 루프를 지원합니다.
•for - 특정 횟수만큼 코드 블록을 반복합니다.
•for/in - 객체의 속성을 반복합니다.
•while - 지정된 조건이 true일 때 지정된 코드 블록을 반복합니다.
•do/while - 지정된 조건이 true인 경우 지정된 코드 블록을 반복합니다.


For 루프

for 루프는 루프를 만들 때 자주 사용하는 도구입니다.

다음은 for 루프의 구문입니다.

for (문장 1; 문 2; 문 3)
{
실행된 코드 블록
}


문 1은 루프(코드 블록)가 시작되기 전에 실행됩니다.
문 2는 루프 실행 조건을 정의합니다(코드 블록)
문 3은 루프(코드 블록)가 실행된 후에 실행됩니다.


코드 복사 코드는 다음과 같습니다.

for(var i=0; i {
x=x + "숫자는 " + i + "
";
}

직접 시도해 보세요

위의 예에서 다음을 확인할 수 있습니다.

문 1은 루프가 시작되기 전에 변수(var i=0)를 설정합니다.
명령문 2는 루프 실행 조건을 정의합니다(i는 5보다 작아야 함).
명령문 3은 코드 블록이 실행될 때마다 값(i++)을 증가시킵니다.


진술 1

보통 우리는 문 1을 사용하여 루프에 사용되는 변수를 초기화합니다(var i=0).

문 1은 선택 사항입니다. 즉, 문 1을 사용하지 않고도 수행할 수 있습니다.

문 1에서 임의의(또는 여러) 값을 초기화할 수 있습니다.

예:

코드 복사 코드는 다음과 같습니다.

for(var i=0,len=cars.length; i {
document.write(cars[i] + "
");
}

문 1을 생략할 수도 있습니다(예: 루프가 시작되기 전에 값이 설정된 경우).

예:

코드 복사 코드는 다음과 같습니다.

var i=2,len=cars.length;
for (; i {
document.write(cars[i] + "
");
}

진술 2

일반적으로 문 2는 초기 변수의 조건을 평가하는 데 사용됩니다.

설명 2도 선택사항입니다.
문 2가 true를 반환하면 루프가 다시 시작되고, false를 반환하면 루프가 종료됩니다.
팁: 문 2를 생략하는 경우 루프 내부에 중단을 제공해야 합니다. 그렇지 않으면 사이클을 멈출 수 없습니다. 이로 인해 브라우저가 중단될 수 있습니다. 이 튜토리얼의 뒷부분에서 break에 대해 읽어보세요.

설명 3

일반적으로 명령문 3은 초기 변수의 값을 증가시킵니다.

설명 3도 선택 사항입니다.
명령문 3은 여러 가지 방법으로 사용될 수 있습니다. 증분은 음수(i--)이거나 더 클 수 있습니다(i=i+15).
문 3도 생략할 수 있습니다(예: 루프 내부에 해당 코드가 있는 경우).

예:

코드 복사 코드는 다음과 같습니다.

var i=0,len=cars.length;
for (; i {
document.write(cars[i] + "
");
난++;
}

For/In 루프

JavaScript for/in 문은 객체의 속성을 반복합니다.

코드 복사 코드는 다음과 같습니다.

var person={fname:"John",lname:"Doe",age:25};
(x 직접)
{
txt=txt + 사람[x];
}

JavaScript 객체에 관한 장에서 for/in 루프에 대해 더 자세히 배울 것입니다.

자세한 내용은 다음 글을 참고하세요: http://www.jb51.net/w3school/js/js_loop_for.htm

성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
解决kernel_security_check_failure蓝屏的17种方法解决kernel_security_check_failure蓝屏的17种方法Feb 12, 2024 pm 08:51 PM

Kernelsecuritycheckfailure(内核检查失败)就是一个比较常见的停止代码类型,可蓝屏错误出现不管是什么原因都让很多的有用户们十分的苦恼,下面就让本站来为用户们来仔细的介绍一下17种解决方法吧。kernel_security_check_failure蓝屏的17种解决方法方法1:移除全部外部设备当您使用的任何外部设备与您的Windows版本不兼容时,则可能会发生Kernelsecuritycheckfailure蓝屏错误。为此,您需要在尝试重新启动计算机之前拔下全部外部设备。

在C语言中,while(1)和while(0)之间的区别是什么?在C语言中,while(1)和while(0)之间的区别是什么?Aug 31, 2023 am 10:45 AM

我们知道在C语言中,'while'关键字用于定义一个循环,该循环根据传递给循环的条件来工作。现在,由于条件可以有两个值,即真或假,所以如果条件为真,则while块内的代码将被重复执行,如果条件为假,则代码将不会被执行。现在,通过将参数传递给while循环,我们可以区分while(1)和while(0),因为while(1)是一个条件始终被视为真的循环,因此块内的代码将开始重复执行。此外,我们可以说明,传递给循环并使条件为真的不是1,而是如果任何非零整数传递给while循环,则它将被视为真条件,因

Win10如何卸载Skype for Business?电脑上的skype怎么彻底卸载方法Win10如何卸载Skype for Business?电脑上的skype怎么彻底卸载方法Feb 13, 2024 pm 12:30 PM

Win10skype可以卸载吗是很多用户们都想知道的一个问题,因为很多的用户们发现自己电脑上的默认程序上有这个应用,担心删除后会影响到系统的运行,下面就让本站来为用户们来仔细的介绍一下Win10如何卸载SkypeforBusiness吧。Win10如何卸载SkypeforBusiness1、在电脑桌面点击Windows图标,再点击设置图标进入。2、点击“应用”。3、在搜索框中输入“Skype”,点击选中找到的结果。4、点击“卸载”。5

JavaScript怎么用for求n的阶乘JavaScript怎么用for求n的阶乘Dec 08, 2021 pm 06:04 PM

用for求n阶乘的方法:1、使用“for (var i=1;i<=n;i++){}”语句控制循环遍历范围为“1~n”;2、循环体中,使用“cj*=i”将1到n的数相乘,乘积赋值给变量cj;3、循环结束后,变量cj的值就n的阶乘,输出即可。

foreach和for循环的区别是什么foreach和for循环的区别是什么Jan 05, 2023 pm 04:26 PM

区别:1、for通过索引来循环遍历每一个数据元素,而forEach通过JS底层程序来循环遍历数组的数据元素;2、for可以通过break关键词来终止循环的执行,而forEach不可以;3、for可以通过控制循环变量的数值来控制循环的执行,而forEach不行;4、for在循环外可以调用循环变量,而forEach在循环外不能调用循环变量;5、for的执行效率要高于forEach。

while的用法while的用法Sep 25, 2023 am 09:47 AM

while的用法是“while 条件: 代码块”,条件是一个表达式,当条件为真时,执行代码块,然后再次判断条件是否为真,如果为真则继续执行代码块,直到条件为假为止。while是一个常用的循环控制语句,用于在满足一定条件的情况下重复执行一段代码块。

go语言中while是关键字吗go语言中while是关键字吗Jun 04, 2021 pm 05:01 PM

在go语言中,while不是关键字,可以用for语句加break来实现while循环的效果,例“for {sum++ if sum>10{break}else{...}}”。go语言有break、default 、func、select、case、defer、go、map、else、goto、for、if、var等25个关键字。

Python中的常见流程控制结构有哪些?Python中的常见流程控制结构有哪些?Jan 20, 2024 am 08:17 AM

Python中常见的流程控制结构有哪几种?在Python中,流程控制结构是用来决定程序的执行顺序的重要工具。它们允许我们根据不同的条件执行不同的代码块,或者重复执行一段代码。下面将介绍Python中常见的流程控制结构,并提供相应的代码示例。条件语句(if-else):条件语句允许我们根据不同的条件执行不同的代码块。它的基本语法是:if条件1:#当条件

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

ZendStudio 13.5.1 맥

ZendStudio 13.5.1 맥

강력한 PHP 통합 개발 환경

에디트플러스 중국어 크랙 버전

에디트플러스 중국어 크랙 버전

작은 크기, 구문 강조, 코드 프롬프트 기능을 지원하지 않음

맨티스BT

맨티스BT

Mantis는 제품 결함 추적을 돕기 위해 설계된 배포하기 쉬운 웹 기반 결함 추적 도구입니다. PHP, MySQL 및 웹 서버가 필요합니다. 데모 및 호스팅 서비스를 확인해 보세요.

SublimeText3 Linux 새 버전

SublimeText3 Linux 새 버전

SublimeText3 Linux 최신 버전

mPDF

mPDF

mPDF는 UTF-8로 인코딩된 HTML에서 PDF 파일을 생성할 수 있는 PHP 라이브러리입니다. 원저자인 Ian Back은 자신의 웹 사이트에서 "즉시" PDF 파일을 출력하고 다양한 언어를 처리하기 위해 mPDF를 작성했습니다. HTML2FPDF와 같은 원본 스크립트보다 유니코드 글꼴을 사용할 때 속도가 느리고 더 큰 파일을 생성하지만 CSS 스타일 등을 지원하고 많은 개선 사항이 있습니다. RTL(아랍어, 히브리어), CJK(중국어, 일본어, 한국어)를 포함한 거의 모든 언어를 지원합니다. 중첩된 블록 수준 요소(예: P, DIV)를 지원합니다.