[JS] 조건문 간소화하기

Mincho·2022년 12월 11일
0

JS

목록 보기
1/8
post-thumbnail

들어가기에 앞서서....

자바스크립트에서 조건문을 사용하는 방식에는 여러가지가 있지만... 필자는 if문 위주의 조건문을 사용해 와서 간소화할 필요성을 느꼈다. (코드가 너무길어져 보기 불편함 점들이 있기 때문..)
이런 문제점을 해결하기 위해 한번 조건문 텍스트만드는 방식들을 알아보자!

🔴if문 (기본조건문)

✍ 예시

let num = 10;

if(num > 8){
	console.log("8보다 큽니다");}		
else if(num <= 8){
  	console.log("8보다 작습니다.")}
else {
	console.log("")}
}

보기와 같이 num변수에는 10이 저장되어 있고 if문을 위에서부터 통과시킨다. 첫 조건인 num>8 을 충족하므로 "8보다 큽니다"라는 문장을 콘솔 창에 띄워주게 된다. 만약 num변수가 첫 조건을 만족하지 않는다면 다음 else if의 num <=8 두 번째 조건을 매칭하고 두번째 조건도 매칭이 안된다면 else(나머지 조건)에 매칭하여 값을 출력하게 된다.

🟠조건부 연산자

✍ 예시

let num = 10;
let result = (num > 8) ? console.log("8보다 큽니다") :
	(num <= 8) ? console.log("8보다 작습니다.") : console.log("")

조건부 연산자로 조건문형식을 나타내면 조건 ? 참이면(~실행) : 거짓이면(~실행)으로 나타낼 수 있다. else if 와 같이 :로 연결하여 거짓이면 계속해서 연속적인 조건문을 만들어낼 수 있다.

🟡||, && 연산자 사용

✍ 예시

let num = 10;
(num > 8 && console.log("8보다 큽니다")) || console.log("8보다 작습니다.");

위와 and나 or같은 연산자를 사용해서 표현할 수 있다. 조건이 주어지고 뒤에 &&가 붙으면 참일 때 실행되고 ||가 붙으면 거짓일 때 실행이 된다.

🟢마치면서..

간단하게 많이 사용하는 조건문 선언 방식에 대해서 알아보았습니다. 개발에서는 지속적인 발전이 있고 그에 따라 간단히 코딩하는 방식을 원하고 있습니다. 앞으로 더 많은 방식이 생길지도 모르겠습니다만, 일단 연산자를 통한 조건문을 만드는 방식에 익숙해질 필요가 있을거 같다~!

다른 좋은 방식이 있다면 추천해주시면 감사하겠습니다.

profile
사진찍는 개발자.

0개의 댓글