코딩 스쿨 JavaScript

언어선택 : HTMLCSSJAVAJAVASCRIPTMYSQLSQL PHP

JavaScript 2016

JavaScript 2016 (ES7): ECMAScript 2016의 주요 기능

  • *ECMAScript 2016 (ES7)**은 2016년에 발표된 JavaScript 표준으로, **ECMAScript 2015 (ES6)**에 비해 상대적으로 작은 업데이트입니다. ES7에서는 주로 배열 메서드지수 연산자가 추가되었습니다. 비록 업데이트가 크지 않았지만, 이 기능들은 JavaScript를 더 간결하고 효율적으로 작성할 수 있도록 도왔습니다.

이 가이드는 **ES7(ECMAScript 2016)**에서 추가된 주요 기능을 설명합니다.


1. Array.prototype.includes()

  • *Array.prototype.includes()*는 배열에 특정 요소가 포함되어 있는지 여부를 확인하는 새로운 메서드입니다. 이전에는 **indexOf()*를 사용해 배열에 요소가 포함되어 있는지 확인했지만, **includes()*는 더 직관적이고 가독성이 높은 방법을 제공합니다.

1.1. includes() 사용 예시

const numbers = [1, 2, 3, 4, 5];

console.log(numbers.includes(3));  // true
console.log(numbers.includes(6));  // false

  • *includes()*는 불리언 값을 반환하며, 배열에 해당 요소가 존재하면 true, 그렇지 않으면 **false*를 반환합니다.

1.2. indexOf()와의 차이

  • *indexOf()*는 요소의 인덱스를 반환하지만, 요소가 배열에 존재하지 않으면 **1*을 반환합니다. 반면, **includes()*는 요소의 존재 여부만을 확인할 때 사용합니다.
const numbers = [1, 2, 3];

console.log(numbers.indexOf(3));  // 2
console.log(numbers.indexOf(6));  // -1


2. 지수 연산자 (*)

  • *지수 연산자(*)**는 거듭제곱을 계산하는 새로운 문법입니다. 기존에는 Math.pow() 함수를 사용하여 거듭제곱을 계산했지만, 지수 연산자를 사용하면 더 간결한 코드를 작성할 수 있습니다.

2.1. 지수 연산자 사용 예시

console.log(2 ** 3);  // 8 (2의 3승)
console.log(5 ** 2);  // 25 (5의 제곱)

2.2. Math.pow()와의 비교

  • *지수 연산자(*)**는 Math.pow() 함수와 동일한 결과를 반환하지만, 코드가 간결하고 가독성이 높습니다.
// Math.pow() 사용
console.log(Math.pow(2, 3));  // 8

// 지수 연산자 사용
console.log(2 ** 3);  // 8


요약

  • *ES7(ECMAScript 2016)**은 다음과 같은 작지만 유용한 기능들을 추가했습니다.
  • Array.prototype.includes(): 배열에 특정 요소가 포함되어 있는지 여부를 확인할 때 사용됩니다. 가독성이 높고, 기존의 indexOf() 함수보다 직관적입니다.
  • 지수 연산자 (*): 거듭제곱을 계산할 때 사용되며, Math.pow() 함수보다 간결한 문법을 제공합니다.

비록 ES7에서 추가된 기능은 많지 않지만, 간결한 코드 작성가독성 향상을 위한 중요한 개선을 이루었습니다. 이러한 기능을 활용하면 더 직관적이고 효율적인 JavaScript 코드를 작성할 수 있습니다.


copyright ⓒ 스타트코딩 all rights reserved.
이메일 : startcodingim@gamil.com