본문 바로가기
반응형

전체 글67

08 ECMAScript6 - Array 2 (copyWithin, fill, entries, keys, find, findIndex) (6) copyWithin()Index 범위의 값을 복사하여 같은 배열의 지정한 위치에 설정한다. 문법: arr.copyWithin( a, [b, c] );a: 복사된 값을 설정하기 위한 시작 index. b: 값을 복사하기 위한 시작 indexc: 값을 복사하기 위한 끝 index 결국 b에서 부터 c-1까지 복사해서 a 위치부터 설정한다. (7) fill()Index 범위의 값을 지정한 값으로 변경한다. 문법: arr.fill( a, [b, c] );a: 설정할 값. b: 값을 설정하기 위한 시작 index c : 값을 설정하기 위한 끝 index 결국 b에서 부터 c-1까지 a 값으로 설정한다. (8) entries()배열을 {key:value} 형태로 반환한다. key는 배열 index값이고 va.. 2018. 4. 4.
08 ECMAScript6 - Array 1 (Array-like, Array.form, Array.of(), forEach) 8. Array (1) Array-like 객체 ES6에서 사용되는 객체로서, 형태의 객체 특징 + 배열의 특징 -> array-like 객체 문법: let arrLike = { 0:값, 1:값,…. , length:개수 }; (2) Array.form() 새로운 Array객체를 생성. 문법: Array.from( 값, [function, 객체] ); 값: array-like 객체 또는 iterable 객체 function: 배열 요소마다 호출되는 함수 객체: function에서 this 키워드 사용시 참조하는 인스턴스. (3) Array.of() 새로운 Array객체를 생성. 문법: Array.of( 값, [값2,값3,...] ); Array.of() 메서드가 호출되면 우선 Array 객체가 생성되고,.. 2018. 4. 3.
07 ECMAScript6 - template 7. Template 문자열 처리를 보다 더 효율적으로 처리하기 위한 방법이다. `` (back-tick) 이라는 역따옴표를 사용하여 표현한다. `` 안에 ${exp} 형식의 특별한 표현식을 삽입할 수 있다. 결국, 문자열과 ${exp} 형식의 값을 ``으로 감싸 표현하는 리터럴 값을 ‘template 리터럴’ 이라고 한다. - taged template 다음과 같이 tag를 작성한 template를 의미한다.문법: tag `문자열${exp} 문자열`;tag 위치에 함수명을 지정한다. 함수를 호출하기 전에 template 리터럴에서 문자열과 표현식을 분리하여 파라미터로 넘겨준다. 2018. 4. 3.
06 ECMAScript6 - Object 2 (method, function 제거, includes, startsWith, endsWith, repeat) (7) 메서드 선언 방식 변경ES5에서 사용했던 메서드명:function(){} 형식에서 :function이 제거된 형태로 사용할 수 있다. ECMAScript5 형식 ECMAScript6 형식 ES6에서는 get 과 set 키워드를 사용하여 메서드 사용시 가독성 향상 가능 (8) includes 대상 문자열에 지정된 문자열 존재 여부 판별한다.첫번째 인자에는 찾을 문자열 지정하고, 두번째 인자에는 시작 인덱스값(옵션)을 지정한다. (9) startsWith, endsWith- startsWith : 대상 문자열이 지정된 문자열로 시작 여부 판별, 두 번째 인자는 시작 index- endsWith : 대상 문자열이 지정된 문자열로 끝나는지 여부 판별, 두 번째 인자는 길이 (10) repeat대상 문자열.. 2018. 4. 3.
06 ECMAScript6 - Object 1 (key, for in, for of, isNaN, isInteger) 6. Object ES6에서 객체(object)관련하여 추가된 기능들을 정리해본다. (1) 객체의 key값 이름을 문자열과 변수 조합으로 설정 가능하다. (2) 람다함수(arrow)와 디스트럭칭(destructuring)을 혼합하여 사용할 수 있다. (3) for ~ in 반복문array 안에 있는 index 값을 뽑아서 반복시킨다. 처음부터 끝까지 순차적으로 진행한다. (4) for ~ of 반복문반복할 수 있는 대상은 반드시 iterable 객체만 가능하고 실제값을 반환한다.쉽게 말하면 array 안에 있는 value 값을 뽑아서 반복시킨다. 처음부터 끝까지 순차적으로 진행한다. 위와 같이 json 형태의 객체에서는 for of를 사용할 수 없다. (5) Number.isNaN()값이 NaN(Not .. 2018. 4. 3.
05 ECMAScript6 - 디스트럭처링 (De-structuring) 5. 디스트럭처링 ( destructuring ) 디스트럭처링은 객체의 구조를 해체하는 것을 의미한다.배열이나 객체의 데이터를 해체하여 다른 변수로 추출할 수 있다.이러한 이유 때문에 ‘분할 할당’이라고도 한다. 기본 사용법은 위와 같다.여러 변수를 한번에 할당할 수도 있고, 초기값을 설정할 수도 있다.rest 파라미터와 혼합하여 사용할 수 도 있다. 위와 같이 스위칭 용도로 사용할 수도 있다. 2018. 4. 2.
반응형