모던 자바스크립트 개발을 위한 ES6 이 포스팅은 인프런의 '모던 자바스크립트 개발을 위한 ES6 강좌'의 수강 내용을 바탕으로 정리한 내용입니다. for ... of for ... in 루프는 객체의 모든 열거가능한 속성에 대해 반복문을 수행하게 된다. 즉 Array의 prototype이나, 모든 객체의 원형이 되는 Object의 prototype에 추가한 값, 그리고 배열에 추가된 속성까지 탐색하게 된다. 반면 for ... of 구문은 컬렉션의 요소들에 대해서만 반복하게 된다. let data = [1, 2, undefined, NaN, null, ""]; Object.prototype.hello = "Hello"; Array.prototype.func = function(){}; d..

모던 자바스크립트 개발을 위한 ES6 이 포스팅은 인프런의 '모던 자바스크립트 개발을 위한 ES6 강좌'의 수강 내용을 바탕으로 정리한 내용입니다. String에 추가된 문자열들 startsWith, endsWith startsWith는 문자열이 어떤 문자열로 시작되는지 boolean형으로 반환해주는 메서드이다. 반대로 endsWith는 문자열이 어떤 문자열로 끝나는지 boolean형으로 반환해주는 함수이다. 두 메서드 모두 옵션으로 두 번째 파라메터인 startPosition, endPosition을 받는다. 다음은 ECMAScript2015에 명세된 startsWith의 내용이다. 21.1.3.21 String.prototype.startsWith ( searchString [ , po..

모던 자바스크립트 개발을 위한 ES6 이 포스팅은 인프런의 '모던 자바스크립트 개발을 위한 ES6 강좌'의 수강 내용을 바탕으로 정리한 내용입니다. Scope ES6에서는 변수를 선언하기 위한 키워드 let과 const가 추가됐습니다. 이번에는 이 let과 const가 기존의 var과 어떤 차이를 가지는 지, 그리고 왜 let과 const를 사용해야 하는지에 대한 내용을 정리합니다. var은 function, with, catch 키워드를 사용했을 경우에만 유효한 scope를 생성하게 됩니다. 아래의 코드를 살펴봅시다. var array = [1, 2, 3]; for(var i=0; i