[JavaScript] 기본 자료형, 연산자, 객체, for문 요약

 

const, let, var 차이

• const : 상수. 선언과 동시에 초기화. 값 변경 불가능.
• let : 변수. 선언 가능. 값 변경 가능.
  • 선언된 블록 안에서만 사용 가능.
  • 재선언이 안되기 때문에 외부에서 선언 후 반복문 안에 들어가있는 건 아닌지 확인해야 함
    
    • 반복문 안에서 선언 및 초기화를 했을 때는 상황이 조금 다르다
    • 반복문이 돌기전에는 값이 할당되지 않은 undefined 상태이므로 const, let, var 다 사용 가능
• var 은 너무 옛날 용어라 잘 안 쓰임

 

선언, 할당, 초기화

• 선언 : 변수명을 지정하는 것
• 할당 : 변수명의 값을 바꾸거나 초기화하는 것
• 초기화 : 변수명을 선언함과 동시에 값을 초기화하는 것

 

자료형

• boolean 형 : true/false
• number 형 : 정수/실수값 등
• string 형 : “”, ‘’
• typeof 자료형 : 자료형의 값을 반환함
  • ex) typeof 1 ⇒ ‘number’ (문자열로 반환)
  • 객체형이면 object
• 자바스크립트는 동적 타입을 가진 언어
  • 숫자형으로 값을 넣었던 변수에 문자형으로 값을 넣는 것이 가능

 

undefined, null, NaN

• undefined : 데이터의 기본값. 선언은 했으나 값을 할당하지 않았다는 의미.
• null : 값이 비어있다
• NaN : 숫자가 아닌 것
  • isNaN(값) : 값이 숫자가

 

따옴표

• \’ \” \n (줄바꿈) \t (탭) \\ (백슬래시)
• console.log(’${변수이름}’) : 변수이름 넣으면 변수 값 출력됨

 

문자열 연산자

• == : 값이 같음
• === : 값, 자료형 모두 같음
• !== : 값 또는 자료형이 다름

 

그 외 연산자

• +, -, *, /, %, **
• &&, ||
• 값 ?? 다른값 : null 또는 undefined 값일때 다른값으로 대체

 

부동소수점

• 실수 계산을 할 때 오차가 남
• 라이브러리를 사용해 정확한 계산이 가능

 

객체

• 키와 값으로 저장하는 자료형

const 변수명 = {
	key: value,
	key2: value2
....
};

// 속성값 접근하기
해당변수명.key값 혹은 해당변수명['key값']
// 존재하지 않는 키는 undefined 로 출력됨

// 특정 키 포함 여부
'key값' in 변수명
// key값 변경
해당변수명.key값 = 변경할값;

// 새 프로퍼티 추가
해당변수명.프로퍼티명 = 값;

 

배열

• 데이터의 모음

const array1 = [1,2,3,4,5];

// 해당 배열의 값에 접근
array1[0] = 55;
// 배열 길이
array1.length

// 값 추가
array1.push(10);

 

 

if ~ else 문

• return : 함수를 완전히 종료

 

switch 문

// 변수명의 값에 따라 결과가 달라짐
switch (변수명) {
	case 0:
		// 변수가 0일때
		break;
	case '가': case '나': case 3:
		// 복수로 변수 값 설정
		continue; // 건너뛰기 (계속 진행)
	default:
		// 그외
}

 

for 문

for(let i=0; i<5; i++){
}

for (const key in 객체명) {
	console.log(key); // 객체명의 key 명
	console.log(객체명[key]); // 객체명의 key 안의 값
}

for (배열값 of 배열) {
}

 

while

• while(조건식) : 조건에 부합하면 무한루프
• 안에 break 문을 적을시 while 문을 빠져나온다
• do {} while (조건식) : 일단 수행후 조건식을 보고 무한루프를 결정

 

 

함수

• function 함수명 (매개변수) {return 반환값;}
• const 변수명 = 함수명 … //변수에 함수 저장 가능
• const 변수명 = (매개변수) ⇒ 함수내용 //화살표 함수
• 매개변수 기본값 넣어주기
  • function add(a=2, b=3)
• arguments : 함수 내에서 사용 가능한 지역변수
  • 매개변수 값들로 이루어진 배열 객체처럼 사용 가능
• …변수그룹명 : 매개변수 뒤에 붙여주면 됨. arguments와 의미는 같고 실제 배열임.
  • function add (a,b, …nums) {}

 

 

 

객체 내의 메서드

const pp = {
	...
	add(a) {
		return a ? true면 나오는값 : false면 나오는 값
	}
}

 

 

생성자 함수

• 생성자 함수로 객체 만들기
  • const cc = new add(1,2); //new 연산자와 함께 사용