길잃은곰
길을 잃어 떠도는 곰
길잃은곰
전체 방문자
오늘
어제
  • 분류 전체보기 (87)
    • Algorithm (6)
    • HTML, CSS (9)
    • Frontend (1)
    • SW공학 (1)
    • WEB (4)
    • Javascript (29)
    • Typescript (0)
    • React (8)
    • Computer Science (11)
    • NEWS (0)
    • TIL(WIL) (4)
    • ETC (5)

블로그 메뉴

  • ✨깃허브
  • 홈
  • 태그
  • 방명록

인기 글

태그

  • VH
  • 자바스크립트
  • ES8
  • REM
  • element
  • ES7
  • root-element
  • EM
  • %
  • Pixel
  • ES6
  • Es5
  • js2016
  • javascript2016
  • 연탄
  • VW
  • 코드트리
  • JavaScript
  • 코테
  • PX
hELLO · Designed By 정상우.
길잃은곰

길을 잃어 떠도는 곰

Javascript

[ JavaScript ] 자바스크립트 ES6, 그 이후 시리즈 01. ES7 (JS2016)

2022. 12. 22. 12:26

2022.10.02 - [Javascript] - [JavaScript] ES5 vs ES6 차이

 

자바스크립트 버전은 ES6 이후로 매년 새로운 문법이 추가되어 왔다.
오늘은 그 첫 번째 버전인 ES7을 소개해볼까 한다.

Exponentiation Operator (제곱 연산자)

원래는 Math.pow 를 써서 표현하였으나

Math.pow(2, 3); // 8

ES7에서는 이렇게 간단하게 표현이 가능해졌다.
이 식은 첫번째 연산자에 두 번째 연산자를 제곱하는 방식이다.

2 ** 3; // 8

Exponentiation Assignment Operator (제곱 할당 연산자)

let a = 2;
a **= 3; // 8
// a = a ** 3 

Array.prototype.includes()

배열의 요소가 포함되어 있는지 확인하는 메서드로,
ES5에 나온 indexOf를 사용하는 방법보다 간단하게 찾을 수 있다.

[1, 2, 3].indexOf(2) !== -1; // true

찾는 문자열이 없으면 -1을 리턴하기 때문에, 있다면 -1이 아닌 값이면 된다.
하지만 includes의 경우에는 더욱 간단하게 값을 찾을 수 있다.

[1, 2, 3].includes(2); // true

마무리

ES7은 ES6에 비해 새로운 기능이 별로 없는 거 같다.
다음에는 ES8을 준비해 봐야겠다.

 

첨부파일은 직접 써본 자바 2016 버전 요약

JS2016.md
0.00MB

저작자표시 비영리 동일조건 (새창열림)

'Javascript' 카테고리의 다른 글

[JS] var, let, const 의 차이점 ( Feat. 호이스팅 )  (0) 2023.01.09
[JS] Virtual DOM 과 Real Dom 의 차이점  (0) 2023.01.06
[JS] Callback, Promise 그리고 Async/Await  (0) 2023.01.06
[ JavaScript ] 자바스크립트 ES6, 그 이후 시리즈 02. ES8 (JS2017)  (0) 2022.12.24
[JavaScript] ES5 vs ES6 차이  (0) 2022.10.02
    'Javascript' 카테고리의 다른 글
    • [JS] Virtual DOM 과 Real Dom 의 차이점
    • [JS] Callback, Promise 그리고 Async/Await
    • [ JavaScript ] 자바스크립트 ES6, 그 이후 시리즈 02. ES8 (JS2017)
    • [JavaScript] ES5 vs ES6 차이
    길잃은곰
    길잃은곰

    티스토리툴바