Multi Developer SuHo

[ 자바스크립트 문법 ] 논리연산자 , 반복문 (while 문) 본문

자바스크립트 기록

[ 자바스크립트 문법 ] 논리연산자 , 반복문 (while 문)

Dreaming Developer Student 2025. 1. 11. 22:43
SMALL

안녕하세요~ 이번시간에는 연산자 중 논리연산자와, 반복문 중에서 (while)문을 배워보고 가겠습니다.

 

더보기

목차

1. 논리연산자

1-1. 논리연산자란?

1-2. 논리연산자의 종류
1-3. && (AND) 연산자

1-4. | | (OR) 연산자

1-5. 논리연산자 사용법

 

2. while문

2-1. while문이란?

2-2. while문 사용법

 

서론

"논리연산자" 단어만 들었을 때는 "무슨 뜻이지?"  , "논리적인 연산자" 이렇게 해석하실 수 있으십니다. 논리연산자의 개념과 반환 값을 코드를 직접 작성해보면서 설명하도록 하겠습니다. 또한 반복문 (while)문의 개념, 이해를 돕기 위한 코드를 제시하고  설명해보도록 하겠습니다 

 

 

1. 논리연산자

 

1-1. 논리연산자란?

논리 연산자는 true 또는 false 값을 가진 조건들을 연결하여 새로운 조건을 만들어내는 연산자입니다. "true와 false를  값을 가진다" 이것은  "자료형 중 Boolean 값을 반환한다" 라고 해석을 하면 이해하기 더 쉬울 것 같습니다. 

 

1-2. 논리연산자의 종류

 

  • && (AND) 연산자
  • | | (OR) 연산자

오늘은 두 개의 연산자를 알아보겠습니다. 


1-3. && (AND) 연산자

자바스크립트에서 && (AND) 연산자는 두 조건이 모두 참일 때만 참을 반환하는 연산자입니다.  이해를 돕기 위해 예시 코드를 작성했습니다. 

console.log(true && true); // true
console.log(true && false); // false


먼저 첫번 째 코드를 보면 두 값 모두 true이므로, 전체 표현식의 결과는 true가 되어 콘솔에 출력됩니다.  하지만 그 밑에 있는 코드는 true  값과 false 값이므로 둘다 true 를 만족하지 않기 때문에 false를 출력합니다. 

그럼 | | (OR) 연산자는 어떻게 될까요?

 

1-4. | | (OR) 연산자

자바스크립트에서  | | (OR) 연산자는 두 조건 중 하나라도 참이면 참을 반환합니다.  AND 연산자와 달리 둘 중 하나라도 true인 값을 가지면 참을 반환한다는 것이죠.  예시 코드를 보면서 설명해드리겠습니다. 

console.log(true || false); // true
console.log(false || false); // false

 

첫 번째 코드부터 보겠습니다.  왼쪽 값과 오른쪽 값을 비교했을 때 둘 중 하나라도 true이면 참을 반환하기 때문에 true를 출력합니다.  
두 번째 코드에서는 왼쪽, 오른쪽 둘 중 하나라도 true를 가지지 않기 때문에 false를 반환합니다. 


1.5  논리연산자를 사용한 예시 코드입니다. 

// OR 연산자
// if((age > 20) || (age < 50)){
//     alert(age + "살이야")
//     alert(age > 20)
//     alert(age < 50)
// }

// 필수 조건사항만 채크 된다면 통과 3개 중에 하나만 선택하면 된다. 

// AND 연산자
// if((age > 20) && (age < 50)){
//     alert(age + "살이야")
//     alert(age > 20)
//     alert(age < 50)
// }else {
//     alert("나이를 20살 초과 50살 미만으로 작성하세요")
// }

 

 

이렇게 논리연산자를 사용하여 여러 개의 조건을 하나의 식으로 간결하게 표현할 수 있습니다.

2. while문

2-1. while문이란?

주어진 조건이 참인 동안 계속해서 반복되는 문장이라고 생각할 수 있습니다. "조건이 참인 동안 계속 반복된다" 라는 것은 "무한 반복한다" 라는 것으로 보시면 됩니다.


2-2. while문 사용법

[while 예약어] (조건식) {
    코드 영역
}


이렇게 while 이라는 예약어를 사용하고  if  문처럼 조건을 걸어 코드영역이 조건식의 참일 동안 계속해서 무한 반복한다 입니다.

그럼 간단한 while 문을 사용한 예시코드입니다, 

let i = 1;
while (i <= 10) {
  console.log(i);
  i++;
}


이 코드에서는  i의 값이 10보다 작거나 같을 때까지 콘솔을 출력하는데 i를 1씩 증가시켜서 출력합니다. 

이렇게 while문을 사용하여 반복적인 프로그램이나 기능을 구현할 때 사용할 수 있습니다.  감사합니다. 다음에는 자바스크립트 스코프와 객체, 객체의 특징과 값 호출을 살펴보겠습니다. 

LIST