TypeScript - Object Tarikh: Panduan Pemula

Hai sana, bakal bintang pengkomputeran! Hari ini, kita akan melangkah ke dunia yang menarik tarikh dalam TypeScript. Jangan khawatir jika anda belum pernah menulis satu baris kod sebelum ini - saya akan menjadi pemandu yang ramah, dan kita akan mengambil langkah demi langkah. Pada akhir panduan ini, anda akan dapat memanipulasi tarikh seperti seorang pro!

TypeScript - Date Object

Apa Itu Object Tarikh?

Sebelum kita mendalam, mari bicarakan apa sebenarnya Object Tarikh. Dalam TypeScript (dan JavaScript), Object Tarikh mewakili satu titik masa. Itu seperti snapshot dari tarikh dan masa tertentu, yang kita boleh manipulasikan dan gunakan dalam program kita.

Pertimbangkan ia seperti jam digital yang anda boleh tetapkan ke mana-mana masa, masa lalu, kini, atau masa depan. Menarik, kan?

Sintaks: Membuat Object Tarikh

Sekarang, mari lihat bagaimana kita boleh membuat Object Tarikh dalam TypeScript. Ada beberapa cara untuk melakukan ini, dan saya akan menunjukkan setiap satu dengan contoh.

1. Tarikh dan Masa Semasa

Untuk membuat Object Tarikh dengan tarikh dan masa semasa, anda hanya perlu gunakan constructor new Date() tanpa sebarang argumen.

let currentDate = new Date();
console.log(currentDate);

Jika anda jalankan kod ini, anda akan melihat sesuatu seperti ini:

2023-06-15T12:30:45.678Z

Ini mungkin kelihatan sedikit menakutkan, tetapi jangan khawatir! Ini hanya menunjukkan tarikh dan masa semasa dalam format standar.

2. Tarikh dan Masa Tertentu

Anda juga boleh membuat Object Tarikh untuk tarikh dan masa tertentu. Ada beberapa cara untuk melakukan ini:

a. Menggunakan rentetan tarikh

let christmas = new Date("December 25, 2023 00:00:00");
console.log(christmas);

Ini akan mengeluarkan:

2023-12-25T00:00:00.000Z

b. Menggunakan parameter terpisah

let newYear = new Date(2024, 0, 1, 0, 0, 0);
console.log(newYear);

Ini akan mengeluarkan:

2024-01-01T00:00:00.000Z

Perhatikan bahawa bulan adalah 0 untuk Januari. Dalam JavaScript dan TypeScript, bulan diindekskan dengan nol, bermakna Januari adalah 0, Februari adalah 1, dan seterusnya. Ini adalah keanehan yang menangkap ramai pemula, jadi ingatkan diri anda!

c. Menggunakan milisecond sejak epoch

Anda juga boleh membuat tarikh dengan menentukan bilangan milisecond sejak 1 Januari 1970 (dikenali sebagai "epoch"):

let someDate = new Date(1687012345678);
console.log(someDate);

Ini akan mengeluarkan tarikh dan masa yang berkoresponden dengan bilangan milisecond selepas epoch.

Bekerja dengan Object Tarikh

Sekarang kita tahu bagaimana membuat Object Tarikh, mari lihat beberapa hal yang kita boleh lakukan dengannya.

Mendapatkan Komponen Tarikh

Object Tarikh mempunyai beberapa method untuk mendapatkan komponen tarikh yang berbeza:

let today = new Date();

console.log("Tahun Penuh:", today.getFullYear());
console.log("Bulan:", today.getMonth());
console.log("Tarikh:", today.getDate());
console.log("Hari:", today.getDay());
console.log("Jam:", today.getHours());
console.log("Minut:", today.getMinutes());
console.log("Saat:", today.getSeconds());

Ini mungkin mengeluarkan sesuatu seperti ini:

Tahun Penuh: 2023
Bulan: 5
Tarikh: 15
Hari: 4
Jam: 12
Minut: 45
Saat: 30

Ingat, getMonth() mengembalikan bulan berindeks nol, jadi 5 bermakna Jun!

Menetapkan Komponen Tarikh

Seperti yang kita lakukan untuk mendapatkan komponen tarikh, kita juga boleh menetapkannya:

let futureDate = new Date();

futureDate.setFullYear(2025);
futureDate.setMonth(11);  // Disember
futureDate.setDate(31);
futureDate.setHours(23);
futureDate.setMinutes(59);
futureDate.setSeconds(59);

console.log(futureDate);

Ini akan menetapkan tarikh ke 31 Disember 2025, pada 23:59:59.

Pemformatan Tarikh

TypeScript (dan JavaScript) menyediakan beberapa method built-in untuk pemformatan tarikh:

let event = new Date("July 4, 2023 12:00:00");

console.log(event.toDateString());
console.log(event.toTimeString());
console.log(event.toLocaleDateString());
console.log(event.toLocaleTimeString());
console.log(event.toISOString());

Ini akan mengeluarkan:

Tue Jul 04 2023
12:00:00 GMT+0000 (Coordinated Universal Time)
7/4/2023
12:00:00 PM
2023-07-04T12:00:00.000Z

Aritmetik Tarikh

Salah satu hal yang paling menarik tentang Object Tarikh adalah kita boleh melakukan operasi aritmetik dengannya! Mari lihat beberapa contoh:

Menambah Hari

let today = new Date();
let nextWeek = new Date(today.getTime() + 7 * 24 * 60 * 60 * 1000);

console.log(" Hari ini:", today);
console.log(" Minggu depan:", nextWeek);

Ini menambah 7 hari ke tarikh semasa. Kita kalikan 7 (hari) dengan 24 (jam) dengan 60 (minut) dengan 60 (saat) dengan 1000 (milisecond) untuk mendapatkan bilangan milisecond dalam satu minggu.

Mengurangkan Tarikh

Kita juga boleh mencari perbezaan antara dua tarikh:

let start = new Date("March 1, 2023");
let end = new Date("June 15, 2023");

let difference = end.getTime() - start.getTime();
let days = Math.floor(difference / (24 * 60 * 60 * 1000));

console.log(`Ada ${days} hari antara ${start.toDateString()} dan ${end.toDateString()}`);

Ini akan mengira bilangan hari antara 1 Mac 2023 dan 15 Jun 2023.

Kesimpulan

Tahniah! Anda telah mengambil langkah pertama ke dunia Object Tarikh dalam TypeScript. Kita telah melibatkan pembuatan tarikh, mendapatkan dan menetapkan komponen tarikh, pemformatan tarikh, dan bahkan melakukan operasi aritmetik tarikh.

Ingat, bekerja dengan tarikh kadang-kadang boleh menjadi rumit, terutama ketika berurusan dengan zon waktu yang berbeza atau waktu musim panas. Tetapi dengan latihan, anda akan menjadi lebih selesa dan mahir.

Berlatih, terus mengkod, dan terutamanya, bersenang hati! Dunia pengkomputeran penuh dengan kemungkinan yang menarik, dan menguasai tarikh hanya permulaannya. Selamat berkod!

Credits: Image by storyset