본문 바로가기

자바스크립트3

[JavaScript] 셋(Set) 셋(Set)은 중복을 허용하지 않는 값을 모은 컬렉션입니다. 아래 예제 코드를 보면서 셋에 대해 알아보도록 합시다. let set = new Set(); //set을 선언해 줍니다. ( ) 안에 iterable 객체를 넣어 Set 객체의 초기 값을 설정해줄 수 있습니다. let john = 'John'; let peter = 'Peter'; let mary = 'Mary'; set.add(john); //set에 요소를 추가해줍니다. set.add(mary); set.add(peter); set.add(john); set.add(mary); console.log(set); set.delete(john); //set에서 특정 요소를 삭제해줍니다. console.log(set); console.log(set.. 2021. 7. 30.
[JavaScript] 맵(Map) Map은 key-value 간의 관계를 나타내는 자료 구조입니다. 객체 역시 key-value 간의 관계를 프로퍼티라고 표현하면서 나타내는 자료형이었습니다. 그렇다면 객체와 Map의 차이점은 무엇일까요? 바로 key에서 사용할 수 있는 자료형의 차이입니다. 객체에서는 프로퍼티 키로 올 수 있는 값은 String이나 Symbol이어야 합니다. 반면, Map의 경우 프로퍼티 키로 올 수 있는 자료형에 따로 제약이 없습니다. 예시 코드를 통해서 Map 객체를 생성하고 key-value 쌍을 만들고 조회하는 등의 과정을 살펴보겠습니다. let map = new Map(); // Map 객체 생성 map.set('key1', 'value1'); // set method를 이용해서 key-value 쌍 생성 map.. 2021. 7. 30.
[JavaScript] 배열 1. 배열의 선언과 활용 아래 코드는 배열 선언 및 배열의 [ ]를 이용해 원하는 인덱스에 배열 값을 추가해주는 코드입니다. let fruits=['사과', '배']; //배열 선언 console.log(fruits); fruits[2]='감'; // 2번 인덱스에 '감' 추가 console.log(fruits); fruits[4]='바나나'; // 4번 인덱스에 '바나나' 추가 console.log(fruits); console.log(fruits[2]); console.log(fruits[3]); 보시면 꼭 순서대로 넣지 않아도 값이 추가는 되는 것을 확인하실 수 있고, 건너 뛴 인덱스의 배열 값은 undefined가 출력되는 것을 확인하실 수 있습니다. 그리고 배열의 자료형은 제약을 받는지 않아 문.. 2021. 7. 29.