JS #1 Syntax - basics, array

array, function

-> object

typeof

자료형이 무엇인지 알려준다.

stack, queue

-> 자바처럼 만들어진 것을 쓰지 않고, 바로 배열을 쓰면 된다.

pop, push, shift, unshift

• pop: 배열의 맨 뒤 요소 제거
• push: 배열의 맨 뒤에 요소 넣기
• shift: 배열의 맨 앞 요소 제거
• unshift: 배열의 맨 앞에 요소 넣기

✔ stack -> push, pop
✔ queue -> push, shift

comparison

• = : 값 할당
• == : 값만 확인 (자료형은 달라도 된다.)
• === : 자료형과 값이 같나 확인 (자료형이 다르면 다르다.)
  
  
• != : 값만 같은지 확인 (==)
• !== : 자료형도 같은지 확인 (===)

자료형

-> number, string, object

false

-> -1, 0, false, undefined, null, NaN(Not a Number), ""(empty string)

undefined : 값 미지정
null : 임의로 없는 값 지정

concatenation

• + : 앞 뒤 중 하나라도 문자면 문자로 인식한다.
• - : 앞 뒤 중 하나라도 숫자면 숫자로 인식한다.

ex) 5 + '5' = '55', +'5' + 5 = 10 (-> 앞의 5는 숫자로 인식함)

dataType

• primitive : number, string, boolean
• object : array, dictionary, object, json, func, null (-> 주소가 존재한다.)

loops

• let : 반복문에서 i처럼 값이 변경될 때 사용. (lexical scope = block scope)
• const : 반복문에서 객체처럼 주소가 바뀌지 않을 때는 사용 가능.

operations

• ** : 제곱을 나타낸다.

ex) 2 ** 3 = 2^3 = 8

copyArray

• 얕은 복사(shallow copy) : 해당되는 주소만 복사하는 것. 복사본이 변경되면 원본도 같이 변경된다. 같은 주소 공유.

• 깊은 복사(deep copy) : 주소는 새로운 주소를 사용하고 원본 주소 안의 내용 자체를 복사하는 것. 주소가 달라서 복사본이 변경되어도 원본은 변경되지 않는다. 코드로 복사하거나 Lodash를 사용한다.

const copycat = {...dictionary}	// 얕은 복사

const mixtures = [...a, ...b];	// a와 b의 값을 순서대로 가져와서 복사한다.

문자열을 [...a] 로 사용하면 한 문자씩 잘라서 배열에 넣어진다.

앞으로 알아둘 것

• MDN에서 빌트인 객체(특히 array) 보기
• DOM HTML structure 알아두기
• 추가로 받은 자료들 한번씩 보기
• 문법을 이해합시당!