ECMAScript 2023

JavaScript-versioiden numero

Varhaiset ECMAScript-versiot on nimetty numeroilla: ES5 ja ES6.

Vuodesta 2016 lähtien versiot on nimetty vuosinumeroilla: ES2016, 2018, 2020...

Versio 14, eli ECMAScript 2023, julkaistiin kesäkuussa 2023.

ES2023:n uudet ominaisuudet

Varoitus

Nämä toiminnot ovat suhteellisen uusia.

vanhemmat selaimet saattavat tarvita korvaavat koodit (Polyfill).

JavaScript Array findLast() -menetelmä

ES2023 lisäsi findLast() metodi, joka alkaa lopusta ja palauttaa ensimmäisen tyydyttävän ehdon arvon.

Esimerkki

const väliaikainen = [27, 28, 30, 40, 42, 35, 30];
let korkea = väliaikainen.findLast(x => x > 40);

Kokeile itse

JavaScript Array findLastIndex() -menetelmä

findLastIndex() metodi etsii viimeisen tyydyttävän ehdon elementin indeksin.

Esimerkki

const väliaikainen = [27, 28, 30, 40, 42, 35, 30];
let sijainti = väliaikainen.findLastIndex(x => x > 40);

Kokeile itse

JavaScript Array toReversed() -menetelmä

ES2023 lisäsi Array toReversed() menetelmä, joka on turvallinen tapa kääntää taulukko alkuperäisen taulukon muuttumatta.

uusi toReversed() metodi ja vanha reverse() Ero metodien välillä on, että uusi metodi luo uuden taulukon pitäen alkuperäisen taulukon muuttumattomana, kun taas vanha metodi muuttaa alkuperäistä taulukkoa.

Esimerkki

const kuukaudet = ["Tammi", "Helmi", "Maalis", "Huhti"];
const kääntynyt = kuukaudet.toReversed();

Kokeile itse

JavaScript Array toSorted() -menetelmä

ES2023 lisäsi Array toSorted() menetelmä, joka on turvallinen tapa järjestää taulukko alkuperäisen taulukon muuttumatta.

uusi toSorted() metodi ja vanha sort() Ero metodien välillä on, että uusi metodi luo uuden taulukon pitäen alkuperäisen taulukon muuttumattomana, kun taas vanha metodi muuttaa alkuperäistä taulukkoa.

Esimerkki

const kuukaudet = ["Tammi", "Helmi", "Maalis", "Huhti"];
const järjestetty = kuukaudet.toSorted();

Kokeile itse

JavaScript Array toSpliced() -menetelmä

ES2023 lisäsi Array toSpliced() metodi, joka on turvallinen tapa yhdistää taulukoita alkuperäisen taulukon muuttumatta.

uusi toSpliced() metodi ja vanha splice() Ero metodien välillä on, että uusi metodi luo uuden taulukon pitäen alkuperäisen taulukon muuttumattomana, kun taas vanha metodi muuttaa alkuperäistä taulukkoa.

Esimerkki

const kuukaudet = ["Tammi", "Helmi", "Maalis", "Huhti"];
const spliced = kuukaudet.toSpliced(0, 1);

Kokeile itse

JavaScript Array with() menetelmä

ES2023 lisäsi Array with() menetelmä, joka on turvallinen tapa päivittää taulukon elementtejä ilman, että alkuperäinen taulukko muuttuu.

Esimerkki

const months = ["Januar", "Februar", "Mar", "April"];
const new = months.with(2, "March");

Kokeile itse

JavaScript Shebang (#!)

Shebang on skriptin alussa oleva painomerkki（#）ja huutomerkillä（!)）yhdistelmä（#!）：

#!/usr/bin/env node

ylitse oleva esimerkki kertoo järjestelmälle, että skriptiä pyöritetään node-ohjelmalla.

Nyt voit käyttää ./tiedostonimi.js pyörittääksesi JavaScript-koodia, ei node tiedostonimi.js.

#! Tunnetaan myös nimellä sharp-exclamation（terävä viiva, kysymysmerkki）、hashbang（hash ja kysymysmerkki）、pound-bang（paino, kysymysmerkki）tai hash-pling（hash pling）.