[TIL] JavaScript 기초 - JS 기본 문법, 문, 배열과 객체

 

JS 기본 문법

 

* 코드 작성 후 결괏값 확인하기

@.js 파일에서 코드를 작성 후 console.log() 입력 > 터미널에 node @.js 입력하여 실행 후 결괏값 확인.

 

* 주석 //

(JS 엔진이 해석하지 않음)

단축키 : com + /

 

 

❖ 변수 & 상수 

 

변수

* 모든 프로그래밍 언어는 기억하고 싶은 값을 메모리에 저장하고 저장된 값을 읽어서 재사용함.

 

 

변수의 5가지 주요 개념

변수 이름 : 저장된 값의 고유 이름

변수 값 : 변수에 저장된 값.

변수 할당 : 변수에 값을 저장하는 행위

변수 선언 : 변수를 사용하기 위해 컴퓨터에 알리는 행위

변수 참조 : 변수에 할당된 값을 읽어오는 것.

 

ex)
var x = "hello";
console.log(x);

x   변수 이름. 어떤 내용이 와도 상관 없음.(한글도!)

"hello"   변수 값

x = "hello";   변수 할당

var   var라는 키워드를 이용하여 변수를 만든다고 컴퓨터에 선언함.

var x   변수 선언

console.log(x);   변수 참조

 

var a = 10;
var b = 20;
var c = a + b;
console.log(c); // 30

➔ a와 b를 참조함.

 

 

변수를 선언하는 3가지 방법

var, let, const

 

1. 변수 var

같은 변수 이름으로 변수 이름을 재선언할 수 있다.

변수 값을 재할당 할 수 있다.

var myVar1 = "Hello World1";
var myVar1 = "Hi World1"; // 같은 변수 이름으로 변수를 다시 선언할 수 있다.
console.log(myVar1); // Hi World1

myVar1 = "GoodBye1"; // 변수 값을 재할당 할 수 있다.
console.log(myVar1); // GoodBye1

 

* 두 줄로 쓰기

var myVar2;
myVar2 = 20;
console.log(myVar2); // 20

var myVar2 = 20; // 한 줄로 쓰면 이와 같음
console.log(myVar2); // 20

 

 

2. 변수 let

블록 범위 변수. 같은 변수 이름으로 선언을 다시 할 수 없다.

변수 값을 재할당 할 수 있다.

let myLet = "Hello World2";
myLet = "GoodBye2"; // 변수 값을 재할당 할 수 있다.
console.log(myLet); // GoodBye2

 

 

3. 상수 const

같은 변수 이름으로 선언을 다시 할 수 없다.

변수 값을 재할당 할 수 없다.

const myConst = "Hello World3";
// myConst = "GoodBye3"; 변수 값을 재할당 할 수 없다.
console.log(myConst); // Hello World3

 

 

❖ 데이터 타입

 

데이터 타입 : runtime에 결정됨.

=> 코드를 작성할 때가 아니라, 실제 코드가 실행될 때 결정된다.

 

 

* 연산자 typeof

데이터타입을 알고 싶을 때 사용하는 연산자.

 

console.log(typeof 변수명);

➔ number 등 변수의 타입이 출력됨.

 

ex1)
let num1 = 10;
console.log(num1); // 10
console.log(typeof num1); // number

ex2)
let num1 = “10”;
console.log(num1); // 10
console.log(typeof num1); //string

 

 

 

1. 숫자(Number)

 

 1) 정수형(interger)

let num1 = "10";
console.log(num1); // 10
console.log(typeof num1); // string

 

 2) 실수형(float)

let num2 = 3.14;
console.log(num2); // 3.14
console.log(typeof num2); // number

 

 3) 지수형(exp)

let num3 = 2.5e5; // 2.5 * 10^5
console.log(num3); // 250000
console.log(typeof num3); // number

 

 4) NaN : Not a Number

let num4 = "hello" / 2;
console.log(num4); // NaN
console.log(typeof num4); // number // typeof로는 NaN의 타입을 구분 불가.

 

5) 무한대(infinity)

let num5 = 1 / 0;
console.log(num5); // Infinity
console.log(typeof num5); // number

 

6) 무한대(-infinity)

let num6 = -1 / 0;
console.log(num6); // -Infinity
console.log(typeof num6); // number

 

 

* 수의 체계

 

 

실수

- 유리수

- 무리수

 

무리수

 - √2, √5 …

 

유리수

- 정수

- 정수가 아닌 유리수

 

정수

 - 양수(자연수), 0, 음수

 - 10, 0, -5 …

 

정수가 아닌 유리수

 - 분수, 소수

 - 1/2, 0.7 …

 

 

 

2. 문자열(String)

 

문자열 = 문자들의 나열

문자열은 여러 가지 속성과 기능이 있음.

('' = "")

 

 

기본 예제)

let str = "Hello World!";
console.log(str); // Hello World!
console.log(typeof str); //string

 

 

 

 

불리언(Boolean)

 

 

 

<형변환>

 

 

<연산자>