"If/else 문"을 줄일 수 있다는 것을 알고 계셨습니까?

이 기사에서는 "조건부(삼항) 연산자"에 대해 이야기하겠습니다!
그것은 잠시 후에 설명할 if 문의 바로 가기입니다.
복잡하지 않으니 최대한 간단하게 만들어 보겠습니다.

먼저 if 문에 대해 이야기해 보겠습니다.

If 문은 특정 조건이 충족되면 코드를 실행하는 데 도움이 됩니다.

이제 코드를 살펴보겠습니다.

if ( condition ) {
  statement if true;
} else {
  statement if false;
}

명령문이 참이면 첫 번째 코드 블록이 실행되고 거짓이면 두 번째 코드 블록이 실행됩니다.

예시

불을 켜야 할지 꺼야 할지 확인하고 싶어

let isDay = true;

if (isDay === true) {
 console.log("Turn the lights off");
} 
else {
 console.log("Turn the lights on");
}
// it's day so the true code block will be executed and the result would be "turn the lights off" 

이제 if 문에 대해 이야기했으므로 이를 줄이는 방법을 살펴보겠습니다.
"조건부(삼항) 연산자"의 도움으로 그렇게 할 수 있습니다.
이게 뭔가요 ? 이름이 헷갈리죠?
걱정마! 파악하는 것은 매우 간단합니다.

코드를 살펴보겠습니다.

 condition ? statement if true : statement if false;

이 코드 줄에 대해 자세히 알아보려고 할 때 매우 혼란스러웠습니다.

이것이 내가 이해하기 쉽게 만든 방법입니다. 예를 들어 설명하겠습니다.

선택한 답변이 올바른지 확인하고 싶습니다.

let correctAnswer = "pink";

let result = (correctAnswer === "pink") ?
 "correct" : "wrong";

console.log(result); // the result will be correct "

물음표는 혼란스럽고 이해하기 어려울 수 있습니다(저를 위한 것입니다). 그래서 저는 어떻게 하면 더 간단하게 만들 수 있었나요?
코드를 분석해 드리겠습니다.

1:

let correctAnswer = "pink"; 

우리는 정답으로 "핑크"를 선택합니다.

2:

correctAnswer === "pink" ?

당신은 읽을 수있다 "?"그것이 무엇인지. 결국 물음표라는 뜻입니다. 질문을 하는 것 같습니다.
정답이 분홍색인지 묻는 것입니다.
"정답이 분홍색이면"처럼 읽는 대신 "정답이 분홍색이면?"처럼 읽을 수 있습니다.

삼:

"correct" : "wrong"; 

문이 참인 경우 "올바른"을 표시하도록 코드에 요청했습니다.
그리고 그 진술이 사실이 아니라면 "틀림"을 표시하십시오.

이제 if 문과 조건 연산자에 대해 이야기했으므로 몇 가지 예를 더 들어야 이해가 더 잘 될 것입니다. 그렇죠?

예 1.

매우 간단한 예산 앱을 만들어 보겠습니다.

 let money = 500;
// Our budget is 500

If 문:

if (money === 500) {
 console.log("You're doing great in saving money")
} else {
 console.log("stop wasting your money and start saving");
} 
// the condition is true, therefore first code block will be executed 

삼항 연산자:

 let result = (money === 500) ?
 "you're doing great in saving money" :
 "stop wasting your money and start saving";

console.log(result); // "you're doing great 

예 2.

우리는 사람이 운전 면허증을 취득할 수 있는지 확인하고 싶습니다.

let age = 10;

If 문:

if (age >= 18) {
 console.log(
  "you can get your driver's license");
} else {
 console.log(
  "you're too young for this kiddo");
} 
console.log(result); // you're too young for this kiddo 

// person's age is not 18, therefore our condition is false and false code block will be executed. 

삼항 연산자:

let result = (age >= 18) ?
 "you can get your driver's license" :
 "you're too young for this kiddo";

//is age greater than or equal to 18? No it is not. 

console.log(result); // you're too young for this kiddo 

그게 다야, 얘들아.
예제가 충분히 도움이 되고 명확했으면 합니다.
처음에 못 알아듣더라도 걱정하지 마세요. 알아내는 데 시간이 좀 걸렸습니다.
그러나 더 많은 연습을 통해 이 주제를 완전히 이해할 수 있습니다.
그냥 계속 연습해