JavaScript ECMAScript 2016

Innehållsförteckning

    Visa innehållsförteckning

JavaScript-versionsnummer

Gamla JS-versioner namnges med nummer: ES5 (2009) och ES6 (2015).

Från 2016 är versionerna namngivna efter år: ECMAScript 2016, 2017, 2018, 2019, ...

Nya funktioner i ECMAScript 2016

Det här kapitlet introducerar de nya funktionerna i ECMAScript 2016:

  • JavaScript-exponentiering (**)

  • JavaScript-exponentieringsuppgift (**=)

  • JavaScript Array includes()

Exponentieringsoperatör

Operatorn exponentiering (**) höjer den första operanden till potensen av den andra operanden.

Exempel

let x = 5;
let z = x ** 2;

Prova själv →

<!DOCTYPE html>
<html>
<body>

<h2>The ** Operator</h2>

<p id="demo"></p>

<script>
let x = 5;
let z = x ** 2;
document.getElementById("demo").innerHTML = z;
</script>

</body>
</html>

x ** y ger samma resultat som Math.pow(x, y):

Exempel

let x = 5;
let z = Math.pow(x,2);

Prova själv →

<!DOCTYPE html>
<html>
<body>

<h2>Math.pow()</h2>

<p id="demo"></p>

<script>
let x = 5;
let z = Math.pow(x, 2)
document.getElementById("demo").innerHTML = z;
</script>

</body>
</html>

Exponentieringsuppgift

Exempel

let x = 5;
x **= 2;

Prova själv →

<!DOCTYPE html>
<html>
<body>

<h2>Exponentiation Assignment (**=)</h2>

<p id="demo"></p>

<script>
let x = 5;
x **= 2;
document.getElementById("demo").innerHTML = x;
</script>

</body>
</html>

Exponentieringsoperatören stöds i alla moderna webbläsare sedan mars 2017:

Chrome 52 Edge 14 Firefox 52 Safari 10.1 Opera 39
Jul 2016 Aug 2016 Mar 2017 Mar 2017 Aug 2016

JavaScript Array inkluderar()

ECMAScript 2016 introducerade Array.includes till arrayer.

Detta låter oss kontrollera om ett element finns i en array:

Exempel

const fruits = ["Banana", "Orange", "Apple", "Mango"];

fruits.includes("Mango");

Prova själv →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Arrays</h1>
<h2>The includes() Method</h2>

<p>Check if the fruit array contains "Mango":</p>

<p id="demo"></p>

<p><strong>Note:</strong> The includes method is not supported in Edge 13 (and earlier versions).</p>

<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.includes("Mango");
</script>

</body>
</html>

Array.includes stöds i alla moderna webbläsare sedan augusti 2016:

Chrome 47 Edge 14 Firefox 43 Safari 9 Opera 34
Dec 2015 Aug 2016 Dec 2015 Oct 2015 Dec 2015