고슴맨쉬
망치와 공(空)
고슴맨쉬
  • 분류 전체보기 (155)
    • 💡 UXUI (4)
      • UXUI (2)
      • UI (2)
      • UX (0)
    • 🟨 JavaScript (66)
      • 개념 (42)
      • 정리 (2)
      • 문제풀기 (프로그래머스, 코딩애플) (15)
      • 응용하여 자동화or문제해결하기 (2)
      • 기타 (5)
    • ⚛️ React (49)
      • 개념 (27)
      • 개념(Redux) (3)
      • 정리 (4)
      • 문제풀기 (코딩애플: React) (15)
    • 📘 TypeScript (10)
      • 개념 (8)
      • 문제풀기 (코딩애플) (2)
    • 🌐 HTML,CSS (18)
      • 실무에서 자주 발생한 오류들 (10)
      • 뒤늦게 알아서 뼈아픈 유용한 CSS (6)
      • 기타 자주 쓰는 CSS (2)
    • 💻 CS (8)
      • CS (5)
      • 정규표현식 (2)
      • Git,Github (1)

태그

  • class
  • axios
  • CSS
  • object
  • 오류
  • UXUI
  • 프로그래머스
  • Props
  • Ajax
  • redux
  • CS
  • react
  • array
  • JavaScript
  • 코딩애플
  • useEffect
  • state
  • TypeScript
  • json
  • 삼항연산자
전체 방문자
오늘
어제
hELLO · Designed By 정상우.
고슴맨쉬

망치와 공(空)

🟨 JavaScript/개념

[생활코딩, 드림코딩, 코딩앙마] 연산자(Operator)와 break, continue

2022. 4. 14. 15:52

연산자(Operator) 리스트

! (not 연산자) 부정
&& (and 연산자) 좌/우 모두 참일때 참
|| (or 연산자) 좌/우 중 하나라도 참일때 참 (* or 연산자가 다수일 때 마지막에 가장 복잡한 변수를 넣는다)
== (동등 연산자) 좌/우 같다면 참
=== (일치 연산자)
좌/우가 데이터형까지 정확하게 같다면 참
!=
같지 않다 (==와 정반대)
!==
같지 않다 (===와 정반대)
> 좌>우라면 참
>= 좌>=우라면 참
+= 오른쪽 피연산자의 값을 변수에 더한 결과를 다시 변수에 할당한다.

조건부 연산자 (Conditional operator)

const name = 'Noran';
if (name === 'Noran') {
  console.log('Welcome, Noran!');
} else if (name === 'Paran') {
  console.log('Welcome, Paran!');
} else {
  console.log('Who are you?');
}

else if는 else나 if와 달리 여러개를 사용할 수 있다.

(* else는 생략가능하다.)


삼항 조건 연산자 (Ternary operator)

console.log(name === 'Noran' ? 'yes' : 'no');
//condition ? value : value2;

? 전에 붙은 조건이 참이면 ? 뒤의 식이, 거짓이면 마지막 식이 실행된다.

(* 되도록 간단한 식일 때 사용하자.)


switch operator

const browser = 'IE'
switch (browser) {
  case 'IE' :
    console.log('호환되지 않는 브라우저입니다.');
    break; //break는 반복문을 종료한다.
  case 'Chrome' :
  case 'Firefox' :
    console.log('반갑습니다.');
    break;
  default :
    console.log('반갑습니다. 그런데 누구세요?');
    break;
}

똑같은 내용을 출력할 경우 case를 연달아 사용한다.

(* else if가 여러 차례 사용될 경우 switch를 사용하면 좋다.)


while (반복문_loop)

let i = 3; //일반적으로 i는 index의 준말이다.
while (i > 0) {
  console.log(`while : ${i}`); //``로 묶으면 간편하게 string(문자열)로 변환할 수 있다.
  i--;
}

do-while (반복문)

let i = 3;
do {
  console.log(`do while : ${i}`);
  i--;
} while (i > 0);

do 뒤의 block scope를 먼저 실행한 후 while 조건을 검사한다.


for (반복문)

// for(begin; condition; step)
for (i = 3; i > 0; i--) {
  console.log(`for : ${i}`);
}

begin을 한번만 실행한 후 step을 실행, condition을 검사, step을 실행.. 반복한다.

for (let i = 3; i > 0; i--) {
  console.log(`for : ${i}`);
}

fo문 괄호 안에 지역변수를 선언할 수 있다. (inline variable declaration)

for (let i = 0; i < 10; i++) {
  for (let j = 0; j < 10; j++) {
    console.log(`i : ${i}, j : ${j}`);
  }
}

fo문 안에 for문을 선언할 수 있다. (nested loops)
위의 연산은 i가 0일 때 j를 0-9까지 돌리고, i가 1일 때 j를 0-9까지 돌리고.. (반복) 하는 식으로 작동한다.
(* CPU에 좋지 않으므로 사용하지 않는 것이 좋다.)


break와 continue

  • break : 반복문(loop)을 완전히 끝낸다.
  • continue : 해당 변수만 끝내고 다음으로 넘어가 실행한다.

출처 : 드림코딩 https://www.youtube.com/@dream-coding / 코딩앙마 https://www.youtube.com/@codingangma / 생활코딩 https://opentutorials.org/course/1

저작자표시 비영리 동일조건 (새창열림)

'🟨 JavaScript > 개념' 카테고리의 다른 글

[드림코딩, comp110 외] 매개변수 (parameters)와 나머지 매개변수(rest parameters)  (0) 2022.04.18
[mdn] 기본값 매개변수  (0) 2022.04.15
[코딩앙마 외] 객체 리터럴과 객체 접근법, 그리고 생성자 함수  (0) 2022.04.14
[코딩앙마 외] 객체(Object)와 프로퍼티(property)  (0) 2022.04.14
[코딩앙마] 함수선언문과 함수표현식, 그리고 화살표함수 (추가)  (0) 2022.04.14
    '🟨 JavaScript/개념' 카테고리의 다른 글
    • [드림코딩, comp110 외] 매개변수 (parameters)와 나머지 매개변수(rest parameters)
    • [mdn] 기본값 매개변수
    • [코딩앙마 외] 객체 리터럴과 객체 접근법, 그리고 생성자 함수
    • [코딩앙마 외] 객체(Object)와 프로퍼티(property)
    고슴맨쉬
    고슴맨쉬
    부수되 집착하지 않고, 이해하되 머무르지 않기

    티스토리툴바