본문 바로가기

728x90
반응형

JavaScript

(21)
[JavaScript] 얕은 복사(Shallow copy)와 깊은 복사(Deep copy) 얕은 복사(Shallow copy) 객체를 복사할 경우 복사된 값이 같은 참조를 가리키고 있는 것을 말한다. let person = [{ name: ["Alex", "John", "Rose"] }]; let copy = person.slice(); //얕은 복사 console.log(person === copy); // false 기존 객체와 복사한 객체의 주소가 서로 다르다. console.log(person[0].name === copy[0].name); // true 기존 객체의 0번째 인덱스 객체의 주소와 복사한 객체의 0인덱스 객체의 주소는 같다. person 객체를 얕은 복사로 복사를 할 경우 복사된 값이 같은 주소를 가리키고 있다. 따라서 우리가 기존 요소의 공유 속성 값을 선택적으로 변경하..
[JavaScript] ES6의 주요 문법 Spread & Rest spread 문법 배열을 풀어서 인자로 전달한다. const fruits = ["apple", "orange", "strawberry"]; const moreFruits = ["melon", "blueberry", ...fruits]; console.log(moreFruits); // ['melon', 'blueberry', 'apple', 'orange', 'strawberry'] rest 문법 파라미터를 배열의 형태로 받아서 사용할 수 있다. 파라미터의 개수가 가변적일 때 유용하다. function mileage(...points) { return points.reduce((previous, current) => { return previous + current; }); } ..
[JavaScript] 클로저 클로저란 외부 함수의 변수에 접근을 할 수 있는 내부 함수를 뜻한다. 클로저를 이용하여 모듈화를 이용할 수 있다.
[JavaScript] 스코프 스코프란 변수를 사용할 수 있는 범위를 정한다. 전역 변수와 지역 변수가 있다.
[JavaScript] 원시 자료형과 참조 자료형 원시 자료형 원시 자료형은 고정된 크기의 저장공간을 차지하는 데이터이다. 하나의 데이터를 갖고 있으며, 값 자체에 대한 변경이 불가능(immutable)하다. 원시 데이터 타입에는 string, number, boolean, bigInt, undefined, symbol, null 타입이 있다. 원시 자료형은 stack이라는 고정된 크기의 저장소에 변수의 이름과 값을 저장을 하여 변수명으로 해당하는 값을 불러올 수 있다. 참조 자료형 원시 자료형은 값 자체를 갖고 있는 것이 아닌 주소를 갖고 있다. 원시 자료형이 아닌 모든 것은 참조 자료형이다. 대표적인 참조 자료형은 Array, Object , Function가 있다. 원시 자료형 처럼 하나의 데이터만 갖고 있으면 값을 넣고 빼기는 것이 매우 힘들게 ..
[JavaScript] 객체 객체는 데이터에 의미를 부여할 수 있는 참조형 데이터이다.
[JavaScript] 배열 배열은 순서를 가지고 있는 값이다. 배열의 구조를 알아보자. 배열은 대괄호로 표현을 하고 대괄호 안에는 요소들(elements)이 쉼표로 구분돼있다. let arr = [1, 2, 3, 4]; 인덱스(index)는 배열의 순서이며, 0부터 번호를 매긴다. 요소들은 값을 갖고 있는다. 배열의 인덱스를 이용해서 값을 조회할 수 있다. 조회하기 위해서는 조회하려는 배열의 이름과 요소의 인덱스를 알면된다. arr의 2번째 인덱스의 값을 조회하려면 arr[2]로 조회할 수 있다. 배열은 값으로는 number, string, array, null, undefined, object 등의 타입을 갖을 수 있다. let arr = [1, "a", [2, 3], null, undefined, {name: "han"}]; ..
[JavaScript] 반복문 for 반복문 같은 동작을 반복해서 실행해야 할 경우 쓰는 구문이다. 반복할 구문, 반복할 조건으로 작성하면 된다. 변수에서 예로 들었던 구구단을 for 반복문으로 간단하게 코딩해보자. //구구단 2단 for (let i = 1; i

728x90
반응형