Web 7일차 3(자바스크립트 기본 문법)

karatejin 2022. 12. 28. 12:06

변수란

변수(variable) : 값이 여러 번 달라질 수 있는 데이터

상수(constant) : 값을 한번 지정하면 바뀌지 않는 데이터

변수 선언의 규칙

변수 이름

영어 문자, 언더스코어(_), 숫자를 사용한다

첫 글자는 영문자, _기호, $기호를 사용한다

띄어쓰기나 기호는 허용하지 않는다
예) now, _now, now25 (사용할 수 있음)
예) 25now, now 25, *now (사용할 수 없음)

영어 대소문자를 구별하며 예약어는 변수 이름으로 사용할 수 없다

여러 단어를 연결할 때는 하이픈이나 언더스코어를 사용할 수 있고
중간에 대문자를 섞어 쓸 수도 있다
예) total-area(css), total_area(js), totalArea(컴파일) 등

변수 이름은 의미있게 작성한다

변수 선언하기 (메모리 공간 할당)

var 뒤에 변수 이름 작성

var를 한번만 쓰고 뒤에 여러 개의 변수를 한꺼번에 선언할 수도 있음

변수에 값 할당

‘=‘ 기호 다음에 값을 저장

자료형이란

컴퓨터가 처리할 수 있는 자료의 형태

숫자형(number)

컴퓨터가 처리할 수 있는 자료의 형태

콘솔 창에서 typeof 다음에 숫자를 입력하면 number라고 표시됨

숫자

- 정수 : 소수점 없는 숫자

- 실수 : 소수점이 있는 숫자

※ 자바스크립트는 실수를 정밀하게 계산하지 못함

문자열(string)

콘솔 창에서 typeof 다음에 따옴표로 묶은
내용을 입력하면 string이라고 표시됨

작은따옴표(' ')나 큰따옴표(" ")로 묶은
데이터

논리형(boolean)

참true이나 거짓false의 값을 표현하는 자료형. 불린 유형이라고도 함.

조건을 확인해서 조건이 맞으면 true, 맞지 않으면 false라는 결괏값 출력

undefined 유형

자료형이 정의되지 않았을 때의 데이터 상태
변수 선언만 하고 값이 할당되지 않은 자료형

null 유형

데이터 값이 유효하지 않은 상태

변수에 할당된 값이 유효하지 않다는 의미

배열(array)

하나의 변수에 여러 값을 저장할 수 있는 복합 유형

예) 계절 이름을 프로그램에 사용할 경우

자바스크립트의 데이터 유형 자동 변환

자바스크립트의 편리한 점이면서도 약점인 부분이 데이터 유형이 유연하다는 것입니다. 다시 말해 변수의 데이터 유형이 중간에 바뀔 수 있다는 것이죠.

책에 있는 ‘나이 계산 프로그램’에서는 프롬프트 창을 통해 사용자의 태어난 해를 입력받는데, 이때 프롬프트 창에서 입력받은 값은 문자열이지만 사칙연산에 사용된 문자열은 자동으로 숫자형으로 변환되어 계산됩니다

산술 연산자

수학 계산을 할 때 사용하는 연산자