728x90

if문은  문법 자체는 간단하다. 

하지만 어떻게 코드를 사용했는가에 따라서 가독성이 달라지는데

if문을 익힐겸 한번 알아보자 

 

예를들어 , 유치원생, 초등학생, 중학생, 고등학생, 성인을 구별하는 프로그램을 만든다고

가정해보자.

그렇다면 나이를 가지고 판별하려고한다. 

다음 코드를 보자.

 

 

1. 중첩 if문 사용시 (비추, 가독성이 떨어진다)

else에 새로운 조건이 계속 추가되는 방식이다.

일단 8살보다 나이가 많으면 큰 나이부터 조건을 타고 내려가는 방식이다.

코드를 비유하자면 이런 내용이겠다

 

1) 8살보다 많어?         →  NO    [유딩]

             ↓ YES

2) 20살보다 많어?        YES [성인]

             ↓ NO

3) 17살보다 많어?        YES [고딩] 

             ↓ NO

4) 14살보다 많어?        YES [중딩]

             ↓ NO

           [초딩]

 

(작성하는데도 부들부들하다)

 

 

 

2. 체인형태 if문 사용시 (추천)

 

일단 오와열이 아름다운 점에서부터 가독성이 높다

 

똑같은 if문이지만 else if 라고 , else인경우에 조건을 추가한 방식이다 

그리고 똑같이 제일 마지막에 else까지추가해 모든 조건이 아닐땐 무엇인지 

나타냈다.

 

질문 ; 20살 이상이세요? ------------>그건아니구, 17살 이상이에요

                               ------------->그건아니구, 14살 이상이에요        ------>다, 아니에요(유딩)

                               ------------->그건아니구, 8살 이상이에요

이런 느낌이다(다중분기) 여기서 else if의 순서는 상관없다.                   

이후에 보게될 switch문이 이런형태이다 

        

 

728x90

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

for문  (1) 2021.05.08
switch 문  (0) 2021.05.08
삼항연산자 사용하는 방법  (2) 2021.05.08
자바스크립트 더하기에 관하여  (0) 2021.05.08
자바스크립트 엔진  (0) 2021.04.28
728x90

삼항 연산자는 if 문을 간단히 표현할 수 있는 장점이 있으나

모르고 쓰면 이게 뭔가?? 싶기도 한다.

 

우선 if문을 사용한 조건을 보자

 

사악한 군대에 이런 코드가 있다고 쳐보자

남자의 나이를 조건을 태워서 result라는 변수에 성인 or 미성년자를

담는다고 하면 if문을 사용할 경우 이렇게 표현할 수 있다.

 

그렇다면 삼항연산자로 표현해보자.

 

5번의 내용이 바로 if문의 내용이다 5줄로 표현할걸 1줄로 표현할 수있다.

 

728x90

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

switch 문  (0) 2021.05.08
if문  (2) 2021.05.08
자바스크립트 더하기에 관하여  (0) 2021.05.08
자바스크립트 엔진  (0) 2021.04.28
스탑워치 프로그램  (0) 2021.04.25
728x90

자바스크립트의 동적 타입 캐스팅중 더하기연산에 대하여 알아보자

개발자가 명시적으로 타입캐스팅을 하지않아도 엔진이 저절로 해주는 기능이다

 

 

1) 문자열 더하기 숫자 

숫자 쪽이 문자열로 타입이 변경되어 문자열끼리 더하기가 된다 .

 

 

 

2) 1번의 성질을 이용하여 숫자를 문자열로 바꾸기

공백문자열로 더하기 연산을하면 항상 문자열로 타입이 변경된다.

이 성질은 되게 편한것 같다

 

 

 

3) 1번의 성질이 항상 맞는것은 아니다, 문자열에 숫자가아닌 문자가 있을경우

NaN은 고유데이터 타입이다, Not a Number의 약자이다

1번의 성질은 평가되는 대상(즉 ""로 감싸진 대상)이 숫자로 평가되야한다.

 

 

 

4)문자열 + 숫자 = 숫자 , 로 연산하는 방법

간단하게 문자열앞에 +를 붙여주면 숫자로 타입이 변경된후 더하기가 된다

 

 

728x90

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

if문  (2) 2021.05.08
삼항연산자 사용하는 방법  (2) 2021.05.08
자바스크립트 엔진  (0) 2021.04.28
스탑워치 프로그램  (0) 2021.04.25
LOL) KDA 구하기 프로그램  (0) 2021.04.25
728x90

728x90

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

삼항연산자 사용하는 방법  (2) 2021.05.08
자바스크립트 더하기에 관하여  (0) 2021.05.08
스탑워치 프로그램  (0) 2021.04.25
LOL) KDA 구하기 프로그램  (0) 2021.04.25
배열 생성  (0) 2021.04.21
728x90

시작 /정지(초기화)

 

 

728x90

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

자바스크립트 더하기에 관하여  (0) 2021.05.08
자바스크립트 엔진  (0) 2021.04.28
LOL) KDA 구하기 프로그램  (0) 2021.04.25
배열 생성  (0) 2021.04.21
객체 생성 방법 2  (0) 2021.04.21
728x90

 

728x90

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

자바스크립트 엔진  (0) 2021.04.28
스탑워치 프로그램  (0) 2021.04.25
배열 생성  (0) 2021.04.21
객체 생성 방법 2  (0) 2021.04.21
객체 생성 방법 1  (0) 2021.04.20
728x90

기초적으로 배열 생성 방법은

- 배열 리터럴

- 생성자

두가지 방법으로 생성할 수 있는데 , 다음 소스를 참고하자

 

728x90

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

스탑워치 프로그램  (0) 2021.04.25
LOL) KDA 구하기 프로그램  (0) 2021.04.25
객체 생성 방법 2  (0) 2021.04.21
객체 생성 방법 1  (0) 2021.04.20
데이터 타입의 분류  (0) 2021.04.20
728x90

생성자를 이용한 객체 생성 방법은

다음과 같다

 

728x90

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

LOL) KDA 구하기 프로그램  (0) 2021.04.25
배열 생성  (0) 2021.04.21
객체 생성 방법 1  (0) 2021.04.20
데이터 타입의 분류  (0) 2021.04.20
변수 선언 방법  (2) 2021.04.20

+ Recent posts