컴퓨터 언어/JavaScript17 [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] iterable JavaScript에서 iterable 객체는 배열을 일반화만 객체로, for ... of 를 사용할 수 있는 것이 특징입니다. 1. Symbol.iterator 객체에 Symbol.iterator라는 메서드를 추가하게 되면 그 객체는 반복 가능한 객체가 됩니다. for ... of 문이 시작되면 for ... of는 Symbol.iterator를 호출하는데, Symbol.iterator가 없으면 에러를 발생시킵니다. Symbol.iterator가 추가되지 않은 다음 코드를 작동시키면 아래와 같은 결과가 나옵니다. let range = { from :1, to: 5, } for(let num of range){ console.log(num); } 객체에 Symbol.iterator는 다음과 같이 추가해줄.. 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. 이전 1 2 3 4 5 다음
