[JavaScript] 변수

728x90

1. 변수

JavaScript 의 변수를 설정하는 방법은 여러가지가 있다.

(1) var

 // 변수 구조
 var 변수 = 값;

var num1;

변수를 num1이라고 했을때 변수를 사용하려면 반드시 선언을 해야한다.

위와 같은 구조를 "변수 선언"이라고 한다.

num1 = 10;

위와 같이 변수에 값을 대입하는 것을 "초기화" 라고 한다.

var num1 = 10;

보통은 위와같이 변수선언과 동시에 초기화도 같이 해준다.

var num1 = 30;

위와 같이 지정되 있는 변수값을 다시 선언할수 있다. 이것을 "재선언", "재할당" 이라고 한다.

var는 재선언, 재할당이 모두 가능하다.

(2) let

let도 var와 같이 변수를 선언, 할당할 수 있다.

차이점 : let으로 변수를 선언, 할당할 경우 재할당은 가능하지만 재선언은 불가하다.

(3) const

const도 변수를 선언,할당할 수 있지만 재선언과 재할당 모두 불가능하다.

재선언과 재할당을 할수 있다면 추후 코드에 문제가 생겼을 시 복잡해 질수 있기 때문에 애초에 재선언과 재할당이 되지 않아 안정성이 있는 const로 변수를 설정한다.

2. 변수 이름

이름 설정시 주의사항

(1) 누가 봐도 알아볼 수 있게 지을 것 : 혼자 코딩을 할수도 있지만 팀프로젝트의 경우 다른 사람이 내가 코딩한 부분을 봤을때 어떤 변수인지 모른다면 시간이 오래 걸리고 복잡해질 수 있다.

(2) 한글변수 쓰지 말것 : 세계에는 한국인만 사는게 아니다. 영어로 변수를 만들자.

(3) 풀네임으로 지어주기 : 문제가 생겼을 시 구체적으로 변수를 적은 코드와 그렇지 않은 코드의 차이는 많이 날것이다. 그렇기 때문에 처음부터 풀네임으로 변수를 지어주는 습관을 들이자.

3. 데이터타입

데이터 타입에는 크게 원시타입과 객체타입으로 나뉜다.

(1) 원시타입

숫자타입(number)	숫자, 정수, 실수 구분없이 하나의 숫자타입만 존재
문자열타입(string)	문자열
불리언타입(boolean)	참(true)과 거짓(false)
undefined	var키워드로 선언된 변수에 암묵적으로 할당되는 값
null	값이 없다는 것을 의도적으로 명시할때 사용하는 값
심벌타입(symbol)	ES6에서 추가된 7번째 타입(거의 안씀)

(2) 객체타입

객체, 함수, 배열 등등이 있다.

4. 사칙연산, prompt, 타입변환

+ : 더하기

- : 빼기

* : 곱하기

/ : 나누기

% : 나머지

prompt : 값을 받을때 사용

const number = prompt("숫자를 입력하세요");  //(자바스크립트)

위와 같이 입력하고 html에

위와같은 창이 뜨면서 숫자를 입력할 수 있다.

숫자를 입력하면 변수로 설정한 number 에 해당값을 넣어준다는 뜻이다.

prompt로 값을 받으면 기본 타입은 문자열(string) 타입이다.

이를 숫자 타입으로 변환시키려고 하면 Number() 를 써주면 된다. 여기서 N은 대문자로 써야한다.

const numbercastingtype = Number(number)

5. 과목 값 구하기 , 평균값 구하기

- 조건 : 4개의 숫자를 받아 총 점수의 합, 평균점수 구하기

const korean = prompt("국어 점수를 입력하세요.");
const english = prompt("영어 점수를 입력하세요.");
const math = prompt("수학 점수를 입력하세요.");
const science = prompt("과학 점수를 입력하세요.");

const numbercastingkorean = Number(korean);
const numbercastingenglish = Number(english);
const numbercastingmath = Number(math);
const numbercastingscience = Number(science);

const totalscore = numbercastingkorean + numbercastingenglish + numbercastingmath + numbercastingscience;

console.log("점수의 총합은", totalscore,"점 입니다.");
console.log("평균 점수는", totalscore/4,"점 입니다.");

변수 설정은 const로 했고 변수이름은 길어도 알아보기 쉽게 정했다.