HTML,CSS
[Javascript]변수 & 기본연산
HJLIM
2020. 4. 27. 16:09
띄워놓은 페이지에서 간단하고 빠르게 자바스크립트를 테스트해볼 수 있도록 크롬 개발자도구 콘솔창을 이용하면 매우 편리하다.
자바스크립트에서 변수를 선언하는 방식으로 var, let에 대해 알아보자.
1.변수
1) var
변수(Variable)란 말그대로 변할 수 있는 수이다. Variable에서 앞에 3글자를 따와서 var로 표현한다.
변수 대입(a=5)이란 오른쪽에 있는 것을 왼쪽에 넣는 것이라고 생각하면 된다.
즉 5를 a라는 변수에 넣는 것이다!
var로 변수를 선언하는 방법은 변수를 한 번 더 선언했음에도 에러가 발생하지 않고 각기 다른 값이 출력되는 것을 알 수 있다. 이러한 점은 코드가 짧거나 간단한 테스트엔 적합하지만 코드가 길어진다면 값이 바뀔 우려도 있고 파악하기도 힘들다는 단점을 가지고 있다.
2) let
이런 단점을 보완하기 위해 나온 것이 let과 const이다.
var에서 선언했던 방식과 똑같이 변수를 선언한 결과 SyntaxError가 발생한 것을 확인할 수 있다.
즉, let은 함수 또는 전체에서 유일한 이름만 허용한다.
2.기본연산
1)사칙연산 / 문자열 더하기
사칙연산과 그리고 문자열 더하기가 기본적으로 가능하다.
2)자료형(리스트 : 순서를 지켜서 가지고 있는 형태)
2-1)자료형(딕셔너리 : key - value값의 묶음)
2-2)자료형(리스트와 딕셔너리의 조합)