본문 바로가기
JavaScript

JavaScript_기본 자료형 & 조건문

by Testengineer 2022. 8. 7.
반응형

기본 자료형

프로그래밍에서 프로그램이 처리할 수 있는 모든 것을 자료(data)라고 부르며, 자료 형태에 따라 나눠 좋은 것을 자료형(data type)이라고 한다.

 

(1) String

자바스크립트에서는 문자가 하나든 여러 개든 모두 문자열 자료형이라고 한다.

자바스크립트에서는 큰따옴표나 작은 따옴표를 사용해서 문자열을 만들 수 있다.

[이스케이프 문자]

  • \"string\" : 따옴표를 문자 그대로 사용할 때 사용
  • \n : 줄바꿈할때 사용
  • \t : 탭 기능
  • \\ : \를 의미

문자열도 +(연결연산자)를 이용해서 문자열을 길게 만들 수 있다.

문자열 내부의 문자 하나를 선택할 때는 문자 선택 연산자를 사용하면 된다. 이때 위치를 나타내는 숫자를 인덱스(index)라고 한다.

문자열 내부의 문자 개수를 문자열 길이(length)라고 표현한다. 문자열 길이를 구할 때는. length를 사용하면 된다.

 

[템플릿 문자열]

문자열 연결자 '+'를 사용해서 문자열 내부 표현식을 작성할 수도 있지만 표현식을 많이 결합하면 코드가 깔끔해보이지 못하기 때문에, 템플릿 문자열이라는 기능을 사용하기도 한다.

템플릿 문자열은 백틱(`)기호로 감싸 만드는데 문자열 내부에 `${...}` 기호를 사용하여 표현식을 넣는다.

 

(2) number

자바스크립트에서는 소수점이 있는 숫자와 없는 숫자를 모두 같은 숫자 자료형으로 인식한다. 숫자 자료형을 사용하면 숫자 연산자로 기본적인 사칙연산이 가능하다. 자바스크립트에서는 숫자 자료형을 연산할 때 연산자 우선순위를 고려한다.

 

(3) boolean

참과 거짓을 표현 할때 불 자료형을 사용한다. true, false 2가지로 비교 연산자를 사용해도 불을 만들 수 있다.

비교 연산자

  • === : 양쪽이 같다.
  • !== : 양쪽이 다르다.
  • > : 왼쪽이 더 크다
  • < : 오른쪽이 더 크다.
  • >= : 왼쪽이 더 크거나 같다.
  • <= : 오른쪽이 더 크거나 같다.

==연산자와 !=연산자는 값이 같은지를 비교하는 연산자이다. ===와 !==연산자와는 다른 점은 이것들은 값과 자료형이 같은지를 비교하는 연산자이다.

 

불 부정 연산자는 논리 부정 연산자(!)를 사용해서 참을 거짓으로, 거짓을 참으로 바꾼다. 

불에는 논리합 연산자와 논리곱 연산자를 적용할 수 있다.

  • && : 논리곱 연산자 (양쪽 변이 모두 true일 때 true, 이외에는 false이다)
  • || : 논리합 연산자 (양쪽 변 값 중 하나만 true여도 true)

 

(4) 상수 & 변수

상수는 항상 같은 수라는 의미로 변수는 변할 수 있는 수로 값을 수정할 수 있다.

상수 선언 방법 : const 이름 = 값

변수 선언 방법 : let 이름 = 값

변수 값을 변경할 때는 변수 이름 뒤에 = 기호를 넣고 값을 넣어주면 된다. (이름 = 값)

변수에는 복합대입 연산자(+=, -=, *=, /=, %=)와 증감 연산자( 변수++, ++변수, 변수--, --변수)를 사용할 수 있다.

[undefined 자료형]

상수와 변수를 선언하지 않은 식별자의 자료형을 확인해보면 undefined가 나온다. 

변수로 선언하면서 값을 지정하지 않은 경우에 해당 식별자는 undefined 자료형이 된다. 참고로 상수는 선언할 때 반드시 값을 지정해야 하므로 값이 없는 상수는 없다.

 

 

조건문

조건문은 프로그램의 흐름을 변경할 때 사용합니다. 이처럼 코드가 실행되는 흐름을 변경하는 것을 조건 분기라고 합니다.

 

(1) if 조건문

가장 일반적인 조건문으로 불 표현식 값이 true면 중괄호 안의 문장을 실행하고 false면 문장을 무시한다.

if(표현식){
	참일때 실행될 문장
 }else{
 	거짓일때 실행될 문장
 }

조건문 안에 조건문을 중첩해 사용할 수 있고, else if를 사용해 조건을 추가할 수 있다.

 

(2) switch 조건문

switch(자료){
	case 조건A:
    	break
    case 조건B:
    	break
    default:
    	break
 }

여기서 default는 생략 가능하다. 

switch 조건문의 괄호 안에는 비교할 값을 입력하고 이때 입력한 값을 기준으로 특정 코드를 실행한다. 표현식과 case 키워드 옆 표현식이 같다면 case 키워드 바로 다음에 오는 문장을 실행한다.

break 키워드는 switch 조건문이나 반복문을 빠져나가기 위해 사용한다.

 

(3) 짧은 조건문

조건부 연산자는 조건문과 비슷한 역할을 한다. 기본 형태는 다음과 같다.

불 표현식  ? True일때 결과 : False일때 결과

 

자바스크립트에서 항을 3개 갖는 연산자는 조건부 연산자가 유일해서 삼항연산자라고 부르기도 한다.

 

짧은 조건문은 논리 연산자의 특성을 조건문으로 사용하는 것으로 다음과 같은 예시처럼 사용하는 것을 말한다.

불 표현식 || 불 표현식이 거짓일때 실행할 문장
결과가 거짓인 불 표현식 && 불 표현식이 참일때 실행할 문장
<!DOCTYPE html>

<head>
    <title></title>
    <script>
        const input = prompt('정수 입력:')
        const end = input[input.length-1]

        if(end==='0' || end==='2' || end==='4' || end==='6' || end==='8'){
            alert('짝수입니다')
        }else{
            alert('홀수입니다')
        }
    </script>
</head>
<body>
    
</body>
</html>

 

반응형

'JavaScript' 카테고리의 다른 글

JavaScript_예외처리  (0) 2022.08.30
JavaScript_Class  (0) 2022.08.28
JavaScript_객체  (0) 2022.08.25
JavaScript_함수  (0) 2022.08.21
JavaScript_반복문  (0) 2022.08.14

댓글