구조분해 할당 사용하기
프로젝트를 하며 심심치 않게 사용했던 부분이 구조분해 할당이다. MDN을 찾아보니 구조분해 할당에 대한 예제가 어마어마 하다... 구조분해 할당에 대해 알아보자 구조분해 할당 구조 분해 할당은 spread 문법을 이용하여 값을 해체한 후, 개별 값을 변수에 새로 할당하는 과정을 말합니다. 분해 후 새 변수에 할당 배열 const [a, b, ...rest] = [10, 20, 30, 40, 50]; // 질문: a, b, rest는 각각 어떤 값인가요? // a = [10] // b = [20] // rest = [30, 40, 50] 기본 변수 할당 let foo = ["one", "two", "three"]; let [red, yellow, green] = foo; console.log(red); /..
spread 문법 사용하기
배열의 요소를 하나씩 가져와서 사용하지 않고 spread 문법을 사용해 한번에 적용시켜보자 spread 문법 function sum(x, y, z) { return x + y + z; } const numbers = [1, 2, 3]; sum(...numbers) // 6 spread 문법은 기존 원본을 변경하지 않는다. sum함수의 인자에 numbers 배열의 요소들을 모두 넣고 싶을 때? ' ... ' + 배열 변수명을 써주면 된다. 배열 합치기 let arr1 = [0, 1, 2]; let arr2 = [3, 4, 5]; arr1 = [...arr1, ...arr2]; // arr1 = [0, 1, 2, 3, 4, 5]; 배열 복사 let arr = [1, 2, 3]; let arr2 = [...a..
원시자료형, 참조자료형(JS)
원시자료형(Primitive Data Type) 원시자료형은 객체가 아니면서 method를 가지지 않는 6가지 타입을 말한다. string, number, bigint, symbol, undefined, (null), boolean 원시자료형의 변수에는 하나의 데이터만 담는다. 원시자료형의 데이터 보관함의 크기는 고정되어 있다. 원시자료형은 값 자체에 대한 변경이 불가능(immutable)하지만, 변수에 다른 데이터를 할당할 수 있다. 원시자료형을 특정 변수에 할당할 경우, 원본의 값을 복사하여 앞선 특정 변수에 저장한다. 이때에 원본에는 영향을 주지 않는다. 참조자료형(Reference Data Type) JS에서 원시자료형이 아닌 모든 것은 참조자료형이다. 배열[], 객체{}, 함수function 참..
