ECMAScript 2023

❮ Previous Next ❯

JavaScript Version Numbers

The previous versions of ECMAScript were identified by numbers, namely ES5 and ES6.

Starting in 2016, the versions are named based on the year they were released: ES2016, 2018, 2020, and so on.

The 14th version of ECMAScript, named ECMAScript 2023, got released in June 2023.

Warning

These characteristics are quite recent.

Outdated web browsers might require a different code, commonly known as a Polyfill.

JavaScript Array findLast() Method

In ES2023, a new method called findLast() was introduced. This method works by searching from the end of an array and retrieving the value of the first element that meets a specified condition.

JavaScript Array findLastIndex() Method

The findLastIndex() function locates the position of the final element that meets a specific condition.

JavaScript Array toReversed() Method

In ES2023, a new method called toReversed() was introduced. It provides a secure way to reverse an array without changing the original array.

The new method toReversed() is distinct from the old reverse() method. When using the new method, it generates a new array, leaving the original array unaffected. On the other hand, the old method modified the original array.

JavaScript Array toSorted() Method

In ES2023, a new method called toSorted() was introduced. This method allows you to safely sort an array without changing the original array.

The new toSorted() method is distinct from the old sort() method in how it handles arrays. Unlike the old method, which modifies the original array, the new method generates a fresh array without changing the original one.

JavaScript Array toSpliced() Method

In ES2023, a new method called toSpliced() was introduced. It provides a secure way to splice an array without making changes to the original array.

The new toSpliced() method is distinct from the old splice() method. In simple terms, the new method makes a fresh array without changing the original one, whereas the old method modified the original array.

JavaScript Array with() Method

In ES2023, a new method called Array with() was introduced. It provides a secure way to modify elements in an array without changing the original array.

#! JavaScript Shebang

A Shebang is a combination of a number sign and an exclamation mark (#!) placed at the start of a script.

The sample code instructs the operating system to employ the "node" program for executing the script.

Now, you can execute JavaScript code using ./fileName.js instead of the previous node fileName.js command.

#! is known by various names such as sharp-exclamation, hashbang, pound-bang, or hash-pling.

#!/usr/bin/env node

<!DOCTYPE html>
<html>
  <body>
    <h1>JavaScript Arrays</h1>
    <h2>The findLast() Method</h2>
    <p id="demo"></p>
    <script>
      const temp = [27, 28, 30, 40, 42, 35, 30];
      let high = temp.findLast(x => x > 40);
      document.getElementById("demo").innerHTML = "The last temperature over 40 was " + high;
    </script>
  </body>
</html>

<!DOCTYPE html>
<html>
  <body>
    <h1>JavaScript Arrays</h1>
    <h2>The findLastIndex() Method</h2>
    <p id="demo"></p>
    <script>
      const temp = [27, 28, 30, 40, 42, 35, 30];
      let pos = temp.findLastIndex(x => x > 40);
      document.getElementById("demo").innerHTML = "The last temperature over 40 was in position " + pos;
    </script>
  </body>
</html>

<!DOCTYPE html>
<html>
  <body>
    <h1>JavaScript Arrays</h1>
    <h2>The toReversed() Method</h2>
    <p id="demo"></p>
    <script>
      const months = ["Jan", "Feb", "Mar", "Apr"];
      const reversed = months.toReversed();
      document.getElementById("demo").innerHTML = reversed;
    </script>
  </body>
</html>

<!DOCTYPE html>
<html>
  <body>
    <h1>JavaScript Arrays</h1>
    <h2>The toSorted() Method</h2>
    <p id="demo"></p>
    <script>
      const months = ["Jan", "Feb", "Mar", "Apr"];
      const sorted = months.toSorted();
      document.getElementById("demo").innerHTML = sorted;
    </script>
  </body>
</html>

<!DOCTYPE html>
<html>
  <body>
    <h1>JavaScript Arrays</h1>
    <h2>The toSpliced() Method</h2>
    <p id="demo"></p>
    <script>
      const months = ["Jan", "Feb", "Mar", "Apr"];
      const spliced = months.toSpliced(0, 1);
      document.getElementById("demo").innerHTML = spliced;
    </script>
  </body>
</html>

<!DOCTYPE html>
<html>
  <body>
    <h1>JavaScript Arrays</h1>
    <h2>The with() Method</h2>
    <p id="demo"></p>
    <script>
      const months = ["Januar", "Februar", "Mar", "April"];
      const myMonths = months.with(2, "March");
      document.getElementById("demo").innerHTML = myMonths;
    </script>
  </body>
</html>

❮ Previous Next ❯

JavaScript Tutorial

JS Math

JS Versions

JS Objects

JS Functions

JS Classes

JS Async

JS HTML DOM

JS Browser BOM

JS Web APIs

JS AJAX

JS JSON

JS vs jQuery

JS Graphics