[마이크로 빌드 로우 코드] JavaScript 기초 - 루프 및 조건부 제어

지난 에서 변수의 기본을 설명했고 , 이 섹션에서는 자바스크립트의 루프와 조건부 제어문을 계속 소개합니다. 루프를 도입하기 전에 먼저 표현식의 기본 사항을 소개해야 합니다.

표현

자바스크립트에는 여러 종류의 표현식이 있는데, 하나는 산술 연산식이고 다른 하나는 논리 연산식입니다. 산술 계산 표현식은 다음과 같은 산술 연산자로 표현됩니다.

1+1

이것은 숫자의 더하기를 수행하고 결과는 2와 같습니다. 산술 연산자는 곱셈과 나눗셈에 이어 덧셈과 뺄셈과 같은 4가지 연산의 규칙도 따릅니다.

1+2*3

이 식의 결과는 7이고 2에 3을 곱하여 6을 얻은 다음 더합니다. 산술 연산자는 다음과 같이 괄호를 사용하여 우선 순위를 변경할 수 있습니다.

(1+2)*3

괄호는 합한 다음 곱하는 데 사용됩니다. 일반적으로 우선 순위가 확실하지 않은 경우 괄호로 묶는 것이 가장 좋습니다.

왼쪽의 숫자와 오른쪽의 문자열과 같은 숫자 연산이 아닌 경우 + 기호는 다음과 같이 문자열 연결이 됩니다.

1+2

연결 후에는 12가 되는데 12를 의미하지 않습니다. 문자열 1과 2의 연결과 동일합니다. 연결 유형도 문자열입니다. 이것이 일부 초보자가 계산이 수행되지 않는 이유를 묻는 이유이기도 합니다.숫자인지 문자열인지 여부는 변수 유형에 따라 다릅니다.

산술 표현식 외에도 일반적으로 사용되는 또 다른 표현식은 조건 표현식입니다.조건 표현식은 일반적으로 비교 연산자를 사용합니다.

운영자 설명하다
< 미만
> 이상
== 그들은 평등합니까?
=== ID, 값 및 유형이 동일해야 합니다.
<= 이하
>= 크거나 같음
! = 같지 않다

일반적으로 초보자가 비교 연산자를 이해하는 것은 어렵습니다. 비교 연산자는 표현식의 값을 계산하고 true 또는 false를 반환합니다. 우리는 일반적으로 다음과 같은 표현식을 구성합니다.

3>0

수학적으로 3이 0보다 크면 이 공식은 참이고 다음과 같은 경우 참을 반환합니다.

1>3

이 표현식이 유지되지 않으면 false를 반환합니다. 일반적으로 우리는 비교를 위해 상수를 쓰지 않고 종종 변수 비교를 합니다. 예를 들어 데이터 소스에서 결과를 반환하고 반환된 항목의 총 수를 사용하여 다음과 같이 수와 비교합니다.

result.total>0

레코드 개수가 0보다 큰지 여부에 따라 후속 코드의 실행 로직을 결정

주기

표현식의 의미를 이해한 후에는 이를 루프에 적용하는 경우가 많습니다. 루프는 우리가 한 가지 일을 반복적으로 수행하도록 도와주는 것입니다.예를 들어, 빈을 셀 때 빈을 가져올 때마다 개수는 1이고 다른 빈을 가져갈 때 개수는 2입니다. 주기. for 루프에는 다양한 구문이 있으며 일반적으로 while 루프, for 루프가 있습니다. while 루프의 구문은 다음과 같습니다.

while(表达式){
    
    
	执行需要重复执行的动作
	改变表达式的计算规则,有可能是让循环变量+1或者-1
}

코드로 시연하자

let loops = 5
while(loops>0){
    
    
	console.log(loops);
	loops = loops-1;
}

루프의 실행 단계는 다음과 같습니다.
1. 먼저 변수 루프를 정의하고 값을 5에 할당합니다
. 2. 루프>0, 이제 5>0의 값을 확인합니다. 표현식의 결과는 참입니다.
3. 조건이 참이면 , 루프를 입력하십시오.
4. 루프 변수를 인쇄하십시오. 현재 출력 5는 콘솔
5입니다. 루프 변수는 1만큼 감소하고 루프의 현재 값은 4입니다.

그런 다음 다시 반복하십시오
. 1. 루프>0의 값을 확인하십시오. 이제 4>0이고 표현식의 결과는 참입니다
. 2. 조건이 참이면 루프를 입력합니다.
3. 현재 4를 출력하는 루프 변수를 인쇄합니다. 콘솔
4. 루프 변수는 1만큼 감소하고 루프의 현재 값은 3입니다.

실행을 반복하십시오
. 1. 루프>0의 값을 확인하십시오. 이제 3>0입니다. 표현식의 결과는 참입니다
. 2. 조건이 참이면 루프에 들어갑니다.
3. 현재 3을 출력하고 있는 루프 변수를 출력합니다. 콘솔
4. 루프 변수 빼기 1, 루프의 현재 값은 2

실행을 반복하십시오
. 1. 루프>0의 값을 확인하십시오. 이제 2>0이고 표현식의 결과는 참입니다
. 2. 조건이 참이면 루프에 들어갑니다.
3. 현재 2를 출력하고 있는 루프 변수를 출력합니다. 콘솔
4. 루프 변수 빼기 1, 루프의 현재 값은 1입니다.

실행을 반복하십시오
. 1. 루프>0의 값을 확인하십시오. 이제 1>0이고 표현식의 결과는 참입니다
. 2. 조건이 참이면 루프에 들어갑니다.
3. 현재 1을 출력하고 있는 루프 변수를 출력합니다. 콘솔
4. 루프 변수 빼기 1, 루프의 현재 값은 0

실행을 반복하십시오
. 1. 루프>0의 값을 확인하십시오. 이제 0>0입니다. 표현식은 false로 평가됩니다
. 2. 조건이 false이면 루프에 들어가지 않고 루프가 종료됩니다.

코드 개발 초보자에게 가장 이해하기 어려운 것은 루프일 것입니다. 책에서 제 단계를 따라 각 실행의 결과를 마음속으로 계산할 수 있습니다. 그러면 그 의미를 이해하게 될 것입니다.

조건부 제어

순환 실행 외에도 조건부 실행도 있습니다. 구문은 다음과 같습니다.

if(条件){
    
    

}else if(条件){
    
    

}else{
    
    
}

각각의 if는 분기이며, 조건의 반환 결과가 참인지 확인해야 하며, 참이면 이 분기를 입력하고, 조건이 충족되지 않으면 마지막 else 문을 실행합니다.

조건부 제어는 일반적으로 현실에서와 같이 결정을 내리는 데 도움이 됩니다. 비가 오면 집에 있고 비가 오지 않으면 외출한 다음 조건부 제어를 사용하여 이를 달성하는 것입니다.

if(天下雨){
    
    
  我就在家
}else{
    
    
	我就出门
}

우리가 일반적으로 알고리즘이라고 부르는 것은 실제로 일종의 논리이며, 이 두 문법에 능숙하다면 기본적인 프로그램 개발을 시작할 수 있습니다. 물론 논리만으로는 충분하지 않습니다. 일반적으로 배열, 맵 및 집합과 같은 데이터 구조도 필요합니다. 다른 데이터 구조는 다양한 문제를 해결하는 데 사용되며 주의 깊게 연구해야 합니다.

요약하다

이 기사에서는 표현식, 루프 및 조건부 제어와 같은 자바스크립트의 기본 구문을 소개합니다.초보자는 자신의 필요에 따라 기능 개발을 완료하기 전에 프로그래밍에 능숙해야 합니다.

Supongo que te gusta

Origin blog.csdn.net/u012877217/article/details/127192351
Recomendado
Clasificación