Javascript 2일차

변수, 연산자, 자료형

변수, 자료형, 연산자

변수

• 변하는 값을 저장할 때 사용
• 변수 선언 규칙
  • 의미있는 이름 사용
  • 여러 단어를 연결한 변수 이름은 Camel Case 사용
  • 선언할 수 없는 이름 있음

• 변수 선언 방법

    var apple = "yummy" // 변수 선언하면서 값 저장
      
    var banana;
    banana = "long and yummy" // 변수 선언한 다음에 값 저장
  

자료형

• 숫자형
  • 자바스크립트에서는 정수와 실수로 나누어 구분
  • 정수, 실수 모두 number 타입
  • JS 에서 실수 계산 시 주의
    • 0.1 + 0.2 = 0.30000000000000004
    • 정밀한 숫자 계산하는 프로그램 만들 때 주의
• 문자형
  • ‘’나 “”로 묶인 모든 자료. 숫자도 ‘’로 묶으면 문자 처리
  • “” or ‘’를 중복되지 않도록 적절히 사용
    • document.write(”<span class=’num’>, 2018 </span>”);
• 논리형
  • 참, 거짓 표현
• undefiend, null
  • undefiend : 자료형이 정의되지 않았을 때
    • 변수에 값이 할당되지 않았다는 의미. 자료형이 undefiend가 아님
  • null : 처음에 할당된 값이 더는 유효하지 않음
• 배열
  • 배열에 저장할 자료를 쉼표(,)로 구분하여 대괄호([ ]) 로 묶어서 배열 선언
  • 배열의 특정 값을 가져올 때 사용하는 인덱스
    • 배열이름뒤에 대괄호 붙여서 명시 ⇒ season[0]
    • 인덱스는 0부터 시작
• 객체
  • 키 : 값 형식으로 표현
    • var kim = { firstName: ‘John’ }
• JS 자료형 특징
  • 변수를 지정할 때 자료형을 지정하지 않음 ⇒ 느슨한 자료형 체크

연산자

• 사칙 연산자
  • 더하기, 빼기, 곱하기, 나누기
  • 나머지 연산자(%)
    • 나머지를 구하는 연산자 ⇒ 15 % 2 = 1
  • 증감 연산자
    • 증가 연산자(++)
    • 감소 연산자(—)
    • 피연산자 뒤에 있을 때 전체 수식의 처리가 끝난 다음 적용
    • 피연산자 앞에 있을 때 수식 처리 전에 적용

  • 할당 연산자

    응용	예	의미
    +=	y += x	y = y + x
    -=	y -= x	y = y - x
    *=	y *= x	y = y * x
    /=	y /= x	y = y / x
    %=	y %= x	y = y % x

• 연결 연산자
  • 템플릿 문자열
    • ES6 버전부터 도입

    • 문자열과 값을 한번에 연결

        const originPrice = 24500;
        document.querySelector(`#showResult").innerHTML = `원래 가격은 ${originPrice} 원입니다.`
      

  • 더하기, 빼기
    • 100 + “50” = “10050”
    • 100 - “50” = 50
  • 곱하기, 나누기, 나머지
    • 모두 숫자로 자동 인식
    • 100 * “50” = 5000
    • 100 / “50” = 2
    • 100 % “50” = 0
• 비교 연산자
  • true or false 결괏값 나타내는 연산자
  • ==
    • 두 수 or 변수가 같은지 확인
  • !=
    • 반대 역할
  • <, <=, >, >=
    • 크기 비교
  • ==, ===
    • 10 == “10” ⇒ true
    • 10 === “10” ⇒ false
    • ===는 자료형까지 같아야 참
• 논리 연산자
  • or
    • ||로 표시.
    • 왼쪽과 오른쪽 중 하나만 참이면 true
  • and
    • &&로 표시
    • 왼쪽과 오른쪽 모두 참이면 true
  • not
    • !로 표시
    • true, false 반대로 뒤집음
  • 연산자 계산 순서
    • 단항 연산자 ⇒ 산술 연산자 ⇒ 비교 연산자 ⇒ 논리 연산자 ⇒ 할당 연산자