javascript15 [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. [JavaScript] 문자열 1. 문자열 표현 문자열의 표현 방식은 다음과 같습니다. let str1='string'; let str2="string"; let str3=`string`; const num1=1; let str4=`num1=${num1}`; //num1=1 중간에 특수 기호를 넣으면 다양한 표현이 가능합니다. 해당되는 특수 기호에 대한 정보는 아래 참고에 걸어놓은 링크에서 더 확인하실 수 있습니다. const str1='Hello!\nHi!' //결과값: //Hello! //Hi! // \n으로 인해서 줄바꿈이 되어 나옵니다. 2. 문자열 접근 방식 문자열에 접근하는 방식은 크게 두 가지가 있습니다. let str='I have an apple.'; console.log(str[0]); //str의 0 번째 문자 반.. 2021. 7. 29. 이전 1 2 3 4 다음
