Javascript ES6 — 새로운 내장 메소드 탐색

reasonCode #codeForAReason

Javascript의 새로운 ES6 표준으로 릴리스 된 새로운 기능 중에는 다양한 내장 메소드가 있습니다. 이 새로운 방법은 개발자가 숫자, 문자열, 객체 및 배열과 같은 JS 데이터 유형으로 작업 할 때 발생하는 익숙한 시나리오를 단순화하고 표준화하는 것을 목표로합니다.

ES6의 목표 중 하나는 JS를 더 깨끗하고 간결하게 코딩하는 것이 었습니다. 이러한 새로운 방법이 어떻게 우리가 그 목표를 달성하는 데 도움이되는지 살펴 보겠습니다.

아래의 각 코드 스 니펫에는 다음이 표시됩니다.

// ES6 — 기능의 새로운 ES6 구현입니다.
// ES5 — 이것은 새로운 ES6 구현의 ES5에 해당합니다 (있는 경우).

이 게시물이 마음에 드시면 JS ES6 프록시에 대한 마지막 게시물을 확인하십시오.

객체 속성 할당

객체로 작업 할 때 종종 2 개 이상의 객체를 결합해야합니다. 새로운 Object.assign () 함수는이를위한 깔끔한 메소드를 제공합니다.

객체 병합

Object.assign 병합

2-4 행의 3 개의 Object로 시작하여 대상 Object로 결합 할 계획입니다. ES5에서는 대상 객체에 값을 반복하여 독립적으로 추가해야했습니다. ES6에서는 한 줄의 코드 (15 행)로이를 수행 할 수 있습니다.

요청한 동일한 속성으로 객체를 병합하면 어떻게됩니까? 봅시다

동일한 속성으로 병합

Object.assign ()을 사용하여 객체를 복제 할 수도 있습니다.

객체 복제

Object.assign 복제

배열 요소 찾기

일반적으로 배열을 사용할 때 배열에서 요소 또는 요소의 색인을 찾고 싶을 것입니다. ES6는이를 위해 2 개의 새로운 Array 메소드 find () 및 findIndex ()를 제공합니다. find ()는 제공된 테스트 기능을 만족하는 FIRST 요소를 Array에 반환합니다. 이 새로운 ES6 함수와 이에 상응하는 ES5를 살펴 보겠습니다 (findIndex ()에 해당하는 ES5는 없습니다).

7 번째 줄과 12 번째 줄은 같은 일을한다. 12 번째 줄에서 ES6 구현의 단순함을 볼 수있다. 13 번째 줄 (findIndex)에 해당하는 ES5는 없다. 14 행은 테스트를 만족시키기 위해 FIRST 요소를 리턴하는 findIndex () 함수를 보여줍니다.

문자열 반복

ES6는 간단한 새로운 String.repeat () 메소드를 추가했습니다.

문자열 반복

문자열 검색

ES6에는 개발자가 문자열 내에서 텍스트 세그먼트를 검색 할 때 도움이되는 3 가지 새로운 방법이 추가되었습니다. startsWith (), endsWith () 및 contains (). indexOf ()에 대해 뭔가가 항상 비효율적이며 오류가 발생하기 쉽기 때문에 좋아합니다.

문자열 검색

숫자 유형 확인

숫자가 아닌 숫자와 유한 숫자를 확인하는 몇 가지 새로운 기능이 있습니다. Number.isNaN () 및 Number.isFinite ()

숫자 유형 확인

여기에 몇 가지주의 할 사항이 있습니다.

  • 새로운 ES6 Number.isNaN ()과 전역 isNaN ()의 차이점은 여기와 여기에 꽤 잘 정리되어 있습니다.
  • 무한대는 실제로 무한대가 아니며 무한대를 나타내는 숫자 값입니다. 실제 값은 1.797693134862315E + 308입니다. -Infinity, -1.797693134862315E + 308과 동일합니다.

숫자 부호 결정

ES6에는 새로운 함수 Math.sign ()이 도입되어 부호가있는 0과 숫자가 아닌 특수한 경우를 포함하여 숫자의 부호를 결정합니다.

숫자 부호 결정

이것이 ES6의 새로운 내장 메소드에 대한 것입니다. 우리가 당신의 생각과 질문을 알려주고 트위터에서 우리를 따르십시오. 계속 지켜봐

이 기사가 마음에 들면 다른 사람들이 쉽게 찾을 수 있도록 추천하고 공유하십시오!