Alte JS-Versionen werden nach Nummern benannt: ES5 (2009) und ES6 (2015).
Ab 2016 sind die Versionen nach Jahr benannt: ECMAScript 2016, 2017, 2018, 2019, ...
In diesem Kapitel werden die neuen Funktionen in ECMAScript 2016 vorgestellt:
JavaScript-Potenzierung (**)
JavaScript-Potenzierungszuweisung (**=)
JavaScript-Array includes()
Der Potenzierungsoperator (**
) erhöht den ersten Operanden auf die Potenz des zweiten Operanden.
let x = 5;
let z = x ** 2;
Probieren Sie es selbst aus →
<!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
erzeugt das gleiche Ergebnis wie Math.pow(x, y)
:
let x = 5;
let z = Math.pow(x,2);
Probieren Sie es selbst aus →
<!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>
let x = 5;
x **= 2;
Probieren Sie es selbst aus →
<!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>
Der Potenzierungsoperator wird seit März 2017 in allen modernen Browsern unterstützt:
Chrome 52 | Edge 14 | Firefox 52 | Safari 10.1 | Opera 39 |
Jul 2016 | Aug 2016 | Mar 2017 | Mar 2017 | Aug 2016 |
ECMAScript 2016 führte Array.includes
für Arrays ein.
Dadurch können wir überprüfen, ob ein Element in einem Array vorhanden ist:
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.includes("Mango");
Probieren Sie es selbst aus →
<!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
wird seit August 2016 in allen modernen Browsern unterstützt:
Chrome 47 | Edge 14 | Firefox 43 | Safari 9 | Opera 34 |
Dec 2015 | Aug 2016 | Dec 2015 | Oct 2015 | Dec 2015 |