Fungsi Bawaan di TypeScript

Artikel ini menjelaskan fungsi bawaan di TypeScript.

YouTube Video

Fungsi Bawaan di TypeScript

Fungsi bawaan di TypeScript adalah fungsi yang disediakan untuk melakukan operasi sehari-hari secara ringkas. Ini adalah fungsi JavaScript standar dengan penambahan keamanan tipe, yang membuatnya sangat berguna saat coding di TypeScript. Di sini, kami akan menjelaskan secara rinci beberapa fungsi bawaan penting, penggunaannya, dan spesifikasi tipe.

Apa itu Fungsi Bawaan?

Fungsi bawaan TypeScript didasarkan pada fungsi JavaScript standar. Dengan menerapkan sistem tipe TypeScript, pengecekan tipe dan pelengkapan otomatis dapat ditingkatkan. Fungsi utama meliputi hal berikut:.

• parseInt()
• parseFloat()
• isNaN()
• isFinite()
• Number()
• String()
• Array()
• Array.isArray()
• eval()
• encodeURI()
• decodeURI()
• setTimeout()
• setInterval()

Fungsi-fungsi ini banyak digunakan dalam proyek TypeScript untuk konversi data dan evaluasi secara ringkas.

parseInt()

parseInt() adalah fungsi yang digunakan untuk mengonversi string ke bilangan bulat (integer). Anda dapat menentukan basis (seperti biner, desimal) sebagai argumen kedua. Di TypeScript, Anda dapat menentukan tipe sebagai berikut:.

 1function stringToInt(value: string, radix: number = 10): number {
 2    const result: number = parseInt(value, radix);
 3    if (isNaN(result)) {
 4        throw new Error('Invalid number format');
 5    }
 6    return result;
 7}
 8
 9console.log(stringToInt("42")); // 42
10console.log(stringToInt("101010", 2)); // 42 (converted from binary)

• Tentukan bahwa input adalah string dengan value: string
• Nilai yang dikembalikan secara eksplisit ditentukan sebagai tipe number.

parseFloat()

parseFloat() adalah fungsi yang digunakan untuk mengonversi string menjadi angka desimal (floating-point number).

 1function stringToFloat(value: string): number {
 2    const result: number = parseFloat(value);
 3    if (isNaN(result)) {
 4        throw new Error('Invalid number format');
 5    }
 6    return result;
 7}
 8
 9console.log(stringToFloat("3.14")); // 3.14
10console.log(stringToFloat("2.71828")); // 2.71828

• parseFloat() dapat memparsing angka dengan benar, termasuk titik desimal.
• Dengan menentukan tipe, Anda dapat menerima peringatan selama pengecekan tipe jika input bukan angka.

isNaN()

isNaN() adalah fungsi yang menentukan apakah nilai yang diberikan adalah NaN (Not-a-Number). Contoh penggunaan dalam TypeScript adalah sebagai berikut:.

1function checkNaN(value: unknown): boolean {
2    return isNaN(Number(value));
3}
4
5console.log(checkNaN("hello")); // true
6console.log(checkNaN(123)); // false

• Tipe unknown adalah tipe generik yang dapat menerima tipe apapun.
• Konversi menjadi angka menggunakan fungsi Number(), dan periksa apakah hasilnya adalah NaN.

isFinite()

isFinite() menentukan apakah suatu nilai adalah terbatas (finite).

1function isValueFinite(value: unknown): boolean {
2    return isFinite(Number(value));
3}
4
5console.log(isValueFinite("100")); // true
6console.log(isValueFinite(Infinity)); // false

• Fungsi ini juga menggunakan Number() untuk mengonversi nilai menjadi angka sebelum menentukan.

Number()

Fungsi Number() mengonversi string atau nilai boolean menjadi angka.

1function convertToNumber(value: string | boolean): number {
2    return Number(value);
3}
4
5console.log(convertToNumber("42")); // 42
6console.log(convertToNumber(true)); // 1

• Dalam contoh ini, tipe union string | boolean digunakan untuk menentukan bahwa argumen adalah string atau boolean.

String()

Fungsi String() mengonversi angka atau nilai boolean menjadi string.

1function convertToString(value: number | boolean): string {
2    return String(value);
3}
4
5console.log(convertToString(123)); // "123"
6console.log(convertToString(false)); // "false"

• Dalam contoh ini, sebuah fungsi dibuat yang menerima union tipe number | boolean dan mengonversi hasilnya menjadi string.

Array()

Fungsi Array() digunakan untuk membuat array baru. Selain itu, ia menyediakan banyak metode berguna untuk membuat subarray dari array yang ada atau mengekstrak elemen tertentu.

 1function createArray(): Array<number> {
 2    return Array(1, 2, 3, 4, 5); // 新しい配列を作成
 3}
 4
 5function getSubArray(array: Array<number>): Array<number> {
 6    return array.slice(1, 4); // サブ配列を作成
 7}
 8
 9const numbers = createArray();
10console.log(numbers); // [1, 2, 3, 4, 5]
11
12const subArray = getSubArray(numbers);
13console.log(subArray); // [2, 3, 4]

• Contoh ini menunjukkan cara membuat array baru menggunakan fungsi Array() dan membuat subarray menggunakan metode slice().

Array.isArray()

Array.isArray() menentukan apakah nilai yang diberikan adalah array.

1function checkArray(value: unknown): boolean {
2    return Array.isArray(value);
3}
4
5console.log(checkArray([1, 2, 3])); // true
6console.log(checkArray("Not an array")); // false

• Dengan menggunakan tipe unknown, kita menerima jenis apa pun sambil memeriksa apakah itu array.

eval()

Fungsi eval() mengevaluasi string sebagai ekspresi dan mengembalikan hasilnya. Namun, penggunaannya tidak disarankan karena risiko keamanan dan kinerja.

1function evaluateExpression(expression: string): any {
2    return eval(expression);
3}
4
5console.log(evaluateExpression("2 + 3")); // 5
6console.log(evaluateExpression("'Hello ' + 'World!'")); // "Hello World!"

• Dalam contoh ini, sebuah ekspresi yang diberikan sebagai string dievaluasi menggunakan eval, dan hasilnya ditampilkan.

encodeURI()

Fungsi encodeURI() mengenkode seluruh URL dan menghindari karakter tertentu.

1const uri = "https://example.com/page?name=John Doe&age=30";
2const encodedURI = encodeURI(uri);
3
4console.log(encodedURI); // "https://example.com/page?name=John%20Doe&age=30"

• Contoh ini mengenkode spasi menjadi %20 untuk menghasilkan URL yang aman.

decodeURI()

Fungsi decodeURI() mendekode URL yang telah dienkode kembali ke format aslinya.

1const encodedURI = "https://example.com/page?name=John%20Doe&age=30";
2const decodedURI = decodeURI(encodedURI);
3
4console.log(decodedURI); // "https://example.com/page?name=John Doe&age=30"

• Contoh ini mendekode string URL yang telah dienkode kembali ke URL aslinya.

setTimeout()

Fungsi setTimeout() menjalankan fungsi tertentu setelah waktu tunda yang diberikan (dalam milidetik).

1setTimeout(() => {
2    console.log("Executed after 2 seconds");
3}, 2000);

• Contoh ini menampilkan pesan setelah 2 detik.

setInterval()

Fungsi setInterval() secara berulang menjalankan fungsi tertentu pada interval yang ditentukan (dalam milidetik).

1let count = 0;
2const intervalId = setInterval(() => {
3    count++;
4    console.log(`Interval executed ${count} time(s)`);
5    if (count === 3) {
6        clearInterval(intervalId); // Stops the interval after 3 executions
7    }
8}, 1000);

• Contoh ini menampilkan pesan pada interval satu detik dan berhenti setelah dijalankan tiga kali.

Kesimpulan

Fungsi bawaan TypeScript memungkinkan pengkodean yang lebih aman dan efisien dengan menambahkan keamanan tipe pada fungsi JavaScript standar. Fungsi-fungsi ini menyederhanakan tugas pemrograman sehari-hari dan meningkatkan keterbacaan serta pemeliharaan kode. Setiap fungsi digunakan dengan benar sesuai tujuannya, dan dengan menentukan tipe, itu dapat mendeteksi kesalahan sebelumnya, memainkan peran penting dalam meningkatkan keandalan proses pengembangan.

Dengan menggunakan TypeScript, pengembangan dapat memanfaatkan pengetikan statis sambil memanfaatkan fleksibilitas JavaScript.

Anda dapat mengikuti artikel di atas menggunakan Visual Studio Code di saluran YouTube kami. Silakan periksa juga saluran YouTube kami.

YouTube Video