JavaScript - Variables

Console

console은 에러와 같은 중요한 메시지를 나타내는 패널이다. 프로그램 내에서 왔다 갔다 하는 값들은 대개 보이지 않으므로 직접 확인하기 위해선 이러한 값들을 따로 console에 출력하는 작업을 거쳐야 한다. console 객체에 내제된 .log() 메소드를 통해 원하는 값이나 확인하고자 하는 값을 출력할 수 있다.

Comments

Javascript의 주석은 JAVA와 마찬가지로 //을 사용해주면 된다. multi-line 주석은 /* */을 사용해주면 된다.

Data Types

Javascript 변수에 사용될 수 있는 변수 타입은 다음과 같다.

1. 숫자 (Number)
2. 문자열 (String) : “”을 사용해도 되고 ‘’을 사용해도 된다
3. 불린 (Boolean)
4. Null
5. Undefined : 변수가 정의되지 않았다는 것을 의미한다.
6. Symbol
7. Object

console.log('JavaScript');
console.log(2011);
console.log("Hello World!");
console.log(20.49);

Arithmetic Operators

Javascript에 사용될 수 있는 산술연산자(Arithmetic Operators)는 다음과 같다

1. 더하기 +
2. 빼기 -
3. 곱하기 *
4. 나누기 /
5. 나머지 %

String Concatenation, Properties, Methods

연산자 '+' 를 사용해 문자열을 합칠 수 있다.

ex)

console.log(“Hello” + “ ” + “World”); //문자열 “Hello World”가 출력됨

String(문자열) 데이터 타입에 내제된 length 속성을 사용해 공백을 포함한 문자열의 길이를 구할 수 있다.

ex)

console.log(“Teaching the world how to code”.length); // 30이 출력됨

JavaScript 또한 JAVA와 마찬가지로 메소드가 존재한다.

ex)

console.log('hello world'.toUpperCase()); //문자열을 대문자로 변환

//.trim() 메소드는 문자열 끝에 있는 공백을 없애준다. 
console.log('        Remove Whitespace         '.trim()); 

Built-in Objects

Javascript에 내재한 객체로썬 대표적으로는 복잡한 수학연산을 지원하는 Math가 있다. Math 객체의 random() 메소드는 0에서 1 사이의 난수를 생성해준다. 0~50 사이의 난수를 생성하려면 Math.random() *50을 해주면 된다. 또한, Math.floor()를 사용해주면 소수점 자리는 모두 제외한 가장 큰 정수를 반환한다. 이 밖에 다양한 Math 내장객체의 메소드들이 있다.

Variables, var, let, const

var는 variable의 줄임말이다. 이 키워드를 사용해 새로운 변수를 선언할 수 있다.

var myName = 'Sung Jun';
console.log(myName); //Output : Sung Jun

let 키워드는 ES6에 처음 소개되었다. ES6는 ECMA Script 6의 약자로 ECMA 인터네셔널에서 정의한 ECMA-262 기술규격을 기준으로 정의된 범용 스크립트 언어를 의미한다. let을 활용하면 변수의 값을 재할당할 수 있다.

let meal = 'Kimchi';
console.log(meal); //Output : Kimchi

meal = 'galbi';
console.log(meal); //Output : galbi

let 변수를 초기화하지 않으면 초깃값으로 ‘undefined’ 값이 할당된다.

const 키워드는 constant의 약자이다. 한번 변숫값을 할당하면 바꿀 수 없다. 만약 바꿨을 경우 TypeError : Assignment to constant variable이라는 에러 메시지가 콘솔에 출력된다.

const name = 'sung jun';

console.log(name); //Output : sung jun

name = 'jin'; //Error :  TypeError : Assignment to constant variable

String Interpolation

Template Literal은 ES6에서 처음 도입한 문자열 표기법이다. 기존의 ‘, “같은 통상적인 따옴 표를 사용하는 대신 백틱(backtick) 문자인 `을 사용한다.

//String Concatenation

let name = 'Sung Jun';
console.log('hi i am ' + name + '.');

//String interpolation

let name = 'Sung Jun';
console.log(`hi i am ${name}.`);

기존의 문자열을 합치는 연산에서는 + 기호가 들어갔다. 하지만 String interpolation에는 백틱 문자 안에 문자열을 입력하고 합치고자 하는 변수를 ${ }안에 넣어준다. 이를 사용하는 가장 큰 장점은 코드의 가독성에 있다. 새롭게 출력될 문자열을 쉽게 예측할 수 있다.

typeof operator

typeof 연산자를 통해 변수의 타입을 확인할 수 있다.

const variable1 = 'jinsungjun';

const variable2 = 2;

const variable3 = true;


console.log(typeof variable1); // output : string

console.log(typeof variable2); // output : number

console.log(typeof variable3); // output : boolean