본문 바로가기

JavaScript44

[JS] Map 📌 Map 객체Map 객체: 키와 값의 쌍으로 이루어진 컬렉션객체와 Map 객체의 차이객체Map 객체키로 사용할 수 있는 값문자열 또는 심벌 값객체를 포함한 모든 값이터러블XO요소 개수 확인Object.keys(obj).lengthmap.size 📌 Map 객체의 생성Map 객체는 Map 생성자 함수로 생성함Map 생성자 함수에 인수를 전달하지 않으면 빈 Map 객체가 생성됨Map 생성자 함수는 이터러블을 인수로 전달받아 Map 객체를 생성하며, 이때 인수로 전달되는 이터러블은 키와 값의 쌍으로 이루어진 요소로 구성되어야 함Map 객체에는 중복된 키를 갖는 요소가 존재할 수 없음// Map 객체의 생성const map1 = new Map();console.log(map1); // Map(0) {siz.. 2024. 8. 18.
[JS] Set 📌 Set 객체Set 객체: 중복되지 않는 유일한 값들의 집합Set은 수학적 집합을 구현하기 위한 자료구조배열과 Set 객체의 차이배열Set 객체동일한 값을 중복하여 포함할 수 있음OX요소 순서에 의미가 있음OX인덱스로 요소에 접근할 수 있음OX  📌 Set 객체의 생성Set 객체는 Set 생성자 함수로 생성함Set 생성자 함수에 인수를 전달하지 않으면 빈 Set 객체가 생성됨Set 생성자 함수는 이터러블을 인수로 전달받아 Set 객체를 생성함이때 이터러블의 중복된 값은 Set 객체에 요소로 저장되지 않음중복을 허용하지 않는 Set 객체의 특성을 활용해 배열에서 중복된 요소를 제거할 수 있음// Set 객체의 생성const set1 = new Set();console.log(set1); // Set(.. 2024. 8. 18.
[JS] 디스트럭처링 할당 📌 디스트럭처링 할당디스트럭처링 할당(Destructuring Assignment, 구조 분해 할당): 구조화된 배열과 같은 이터러블 또는 객체를 destructuring(비구조화, 구조 파괴)하여 1개 이상의 변수에 개별적으로 할당하는 것배열과 같은 이터러블 또는 객체 리터럴에서 필요한 값만 추출하여 변수에 할당할 때 유용함 📌 배열 디스트럭처링 할당ES6의 배열 디스트럭처링 할당은 배열의 각 요소를 배열로부터 추출하여 1개 이상의 변수에 할당함배열 디스트럭처링 할당의 대상(할당문의 우변)은 이터러블이어야 하며, 할당 기준은 배열의 인덱스임(우변에 이터러블을 할당하지 않으면 에러가 발생함)배열 디스트럭처링 할당을 위해서는 할당 연산자 왼쪽에 값을 할당받을 변수를 선언해야 하며, 변수는 배열 리터럴 .. 2024. 8. 7.
[JS] 스프레드 문법 📌 스프레드 문법ES6에 도입된 스프레드 문법(전개 문법) ... 은 하나로 뭉쳐 있는 여러 값들의 집합을 펼쳐서(전개, 분산하여, spread) 개별적인 값들의 목록으로 만듦스프레드 문법을 사용할 수 있는 대상은 Array, String, Map, Set, DOM 컬렉션(NodeList, HTMLCollection), arguments와 같이 for ... of 문으로 순회할 수 있는 이터러블에 한정됨스프레드 문법 ... 은 피연산자를 연산하여 값을 생성하는 연산자가 아니기 때문에 스프레드 문법의 결과는 값으로 사용할 수 없으며 변수에 할당할 수 없음스프레드 문법의 결과물은 함수 호출문의 인수 목록, 배열 리터럴의 요소 목록, 객체 리터럴의 프로퍼티 목록과 같이 쉼표로 구분한 값의 목록을 사용하는 문.. 2024. 8. 6.

티스토리툴바