애드블럭 종료 후 보실 수 있습니다.

ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • Javascript ES7 문법정리
    JS & TS 2023. 9. 28. 10:18
    728x90

    JavaScript는 계속해서 진화하고 성장하는 언어입니다. ECMAScript 표준에 따른 여러 개정판 중 하나인 ES7(또는 ECMAScript 2016)은 이전 ES6의 대규모 업데이트와 다음에 소개할 ES8에 대한 준비를 위해 잠시 쉬어간다는 느낌이 드는 업데이입니다.

     

    그렇기 때문에 ES7에서 추가된 업데이트 사항은 크게 2가지입니다. 

    1. Array.prototype.includes
    2. 제곱 연산자(**)

    1. Array.prototype.includes()

    ES7에서 가장 주목할 만한 변경 중 하나는 Array.prototype.includes() 메서드의 도입입니다. 이 메서드는 배열 내에서 특정 요소가 존재하는지를 판단하는 데 사용됩니다. 이전에는 Array.prototype.indexOf() 메서드를 사용하여 요소의 존재 여부를 확인했지만, includes()는 더 직관적이며 간결한 방법을 제공합니다.

    //기존방법
    function includes(array, value) {
      for (let i = 0; i < array.length; i++) {
        if (array[i] === value) {
          return true;
        }
      }
      return false;
    }
    
    const numbers = [1, 2, 3, 4, 5];
    
    console.log(includes(numbers, 3)); // true
    console.log(includes(numbers, 6)); // false
    
    //ES7
    const numbers = [1, 2, 3, 4, 5];
    
    console.log(numbers.includes(3)); // true
    console.log(numbers.includes(6)); // false

    2. 제곱 연산자(**)

    ES7는 제곱 연산자(**)를 도입하여 거듭제곱 연산을 더 간단하게 수행할 수 있도록 했습니다. 이전에는 Math.pow() 함수를 사용하여 거듭제곱을 계산했지만, 이제는 ** 연산자를 사용하여 간편하게 수행할 수 있습니다.

    //기존 방법
    const squared = 2 * 2; // 4
    const cubed = 2 * 2 * 2;   // 8
    
    // ES7
    const squared = 2 ** 2; // 4
    const cubed = 2 ** 3;   // 8

    'JS & TS' 카테고리의 다른 글

    Javascript ES11 문법정리  (2) 2023.11.24
    Javascript ES10 문법정리  (2) 2023.11.08
    Javascript ES9 문법정리  (2) 2023.10.16
    Javascript ES8 문법정리  (0) 2023.10.06
    Javascript ES6 문법 정리  (0) 2023.09.11

    댓글

Designed by Tistory.