Päivämäärän muodon muuttaminen JavaScriptissä

Opitaan nyt muuttamaan päivämäärän muotoa. Oletetaan esimerkiksi, että meillä on merkkijono päivämäärästä muodossa vuosi-kuukausi-päivä. Muutetaan tämän päivämäärän muoto toiseksi, esimerkiksi muotoon: päivä/kuukausi/vuosi.

Ratkaistaan ongelma konkreettisella esimerkillä. Olkoon muuttujassa date päivämäärä '2025-12-31'. Muunnetaan tämä päivämäärä muotoon '31/12/2025'

Ongelman ratkaisemiseksi jaetaan merkkijonomme '2025-12-31' taulukoksi käyttämällä metodia split erottimena viiva. Tuloksena taulukon nollannessa alkiossa on vuosi, ensimmäisessä - kuukausi, toisessa - päivä:

javascriptlet str = '2025-12-31';
let arr = str.split('-');
console.log(arr); // saadaan taulukko ['2025', '12', '31']

Nyt, viitaten taulukon eri alkioihin niiden avainten perusteella, muodostetaan tarvitsemamme merkkijono:

javascriptlet str = '2025-12-31';
let arr = str.split('-');
let res = arr[2] + '/' + arr[1] + '/' + arr[0];

console.log(res); // saadaan merkkijono '31/12/2025'

Voidaan myös käyttää menetelmien split, reverse ja join yhdistelmää:

javascriptlet str = '2025-12-31';
let res = str.split('-').reverse().join('/');

console.log(res); // saadaan merkkijono '31/12/2025'