일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
- javascript opreator
- 오블완
- 프론트엔드
- 티스토리챌린지
- 자바스크립트 연산자
- javascript opreators
- 자바스크립트 클로저
- html 주석
- 자바스크립트 클래스
- 자바스크립트 생성자 함수
- css3
- 자바스크립트
- 웹 개발 트렌드
- 자바스크립트 스코프
- css 포지션
- html 코드
- HTML
- 자바스크립트 promise
- css display
- 자바스크립트 실행 컨텍스트
- 자바스크립트 async await
- 자바스크립트 scope
- javascript closure
- 자바스크립트 프로미스
- css position
- front-end
- CSS
- javascript
- 자바스크립트 상속
- 자바스크립트 반복문
- Today
- Total
Multi Developer SuHo
[ 자바스크립트 문법 ] 논리연산자 , 반복문 (while 문) 본문
안녕하세요~ 이번시간에는 연산자 중 논리연산자와, 반복문 중에서 (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문을 사용하여 반복적인 프로그램이나 기능을 구현할 때 사용할 수 있습니다. 감사합니다. 다음에는 자바스크립트 스코프와 객체, 객체의 특징과 값 호출을 살펴보겠습니다.
![](https://t1.daumcdn.net/keditor/emoticon/challenge/large/003.png)
'자바스크립트 기록' 카테고리의 다른 글
[자바스크립트 문법 ] 객체란? , 객체의 특징과 값 호출 (0) | 2025.01.12 |
---|---|
[자바스크립트] 스코프란? 🔭 (전역 스코프 , 지역 스코프) (0) | 2025.01.12 |
[자바스크립트 문법 ] 조건문(if else~if문 ), 반복문 (for문) (0) | 2025.01.09 |
[ 자바스크립트 ]연산자(operator) 이항 산술 연산자, 단항 산술연산자, 전위 연산자, 후위 연산자 (0) | 2025.01.09 |
[자바스크립트] 자료형(Data type)의 종류와 원시타입의 종류 (0) | 2025.01.08 |