코딩/Javascript

조건에 따라 다른 값을 출력해보자.

우당당쿵당콩탕 2023. 2. 24. 12:38
728x90
반응형

코린이인 저는 그동안 간단한 명령을 처리하는 소스들만 공부했는데, 실제로 프로그램에서 처리하는 소스는 훨씬

더 복잡하겠죠. 특히나 어떤 조건에 따라 명령 실행 순서를 바꾸거나 특정한 부분만 계속해서 반복하려면 조건문이나 반복문을 사용 해야합니다. 그래서 배워야 할 것은 바로 if문과, if...else문입니다.추가적으로 else if문삼항 연산자중첩 if문에 대해서도 알아보겠습니다.

 

if문

자바스크립트에서 사용되는 기본적인 조건문 구문

if문은 if 다음에 소괄호를 사용해서 조건을 표기합니다. 그리고 조건을 체크한 후 결괏값이 true이면 if문에 있는 명령들을, flase이면 if문에 있는 명령은 건너뛰고 그 다음 명령을 실행합니다. 라고 설명드렸지만 먼저 살펴볼 것은 if의 기본형입니다.

if의 기본형

먼저 이 조건식 안에 들어가는 조건의 값에 따라 true, flase로 나뉘기도 합니다.

0이라는 친구가 특수한 친구인데요. 0, 1, 2, 3 ... 이런 모든 친구들은 숫자이기 때문에 무조건 true가 나올 것 같지만 

0은 그렇지 않습니다.

See the Pen if문 예제1 by siyeon kim (@doitsiyeon) on CodePen.

다른 숫자들은 전부 출력되었지만 0은 출력되지 않았습니다. 거짓이기 때문에 출력되지 않은 것입니다.

이 밖에도 출력되지 않는 것들이 있는데요.

true : 0을 제외한 숫자, 문자열, [ ], { }, true

false : 0, null, undefined, false, ""(빈문자열)

잘 알아둬야 하는 부분입니다!


if else문

if문과 함께 사용하는 else문은 if문과는 반대로 주어진 조건식의 결과가 거짓(false)이면 주어진 명령문을 실행합니다.

위에서 보았던 이미지인데요. 이것이 if else의 공식입니다.

See the Pen if문 예제2 by siyeon kim (@doitsiyeon) on CodePen.

이렇게 작성해주시면 되는데요. 이 예제에서 0은 숫자로 치부되지 않기 때문에 flase로 출력이 된겁니다.

이 외에도 if문을 여러개 쓸 수 있는 공식이 많은데요. 다중 if문과 중첩 if 문 등이 있습니다.

요건 다음번에 세세하게 알아보도록 하겠습니다. 😊


삼항 연산자 ( 조건 연산자 )

삼항 연산자는 else if문 대신에 간단한 조건식을 사용할 수 있게 해줍니다.
이 연산자는 조건이 참(true)인 경우에는 처음에 나오는 값(참)을 반환하고, 거짓(false)인 경우에는 두 번째 값(거짓)을 반환합니다. 기존 if문보다 더 효율적으로 사용이 가능합니다.

삼항연산자의 공식

See the Pen 삼항 연산자 by siyeon kim (@doitsiyeon) on CodePen.


저에겐 아직 많이 어려운 공식들이지만 차근차근 해나가보려고 합니다!

이걸 보는 분들도 힘내셨으면 좋겠습니다! 화이팅 🤗🤗🤗🤗