Fungsi Bawaan di JavaScript

Artikel ini menjelaskan fungsi bawaan di JavaScript.

YouTube Video

Fungsi Bawaan di JavaScript

JavaScript menyediakan berbagai fungsi bawaan, yang merupakan alat yang kuat untuk membuat program secara efisien. Di sini, kami akan menjelaskan secara rinci tentang fungsi bawaan yang umum di JavaScript. Dengan mempelajari peran, penggunaan, dan perhatian setiap fungsi, Anda akan dapat menggunakan JavaScript dengan lebih efektif.

Apa Itu Fungsi Bawaan?

Fungsi Bawaan adalah fungsi yang disediakan sebagai standar di JavaScript. Fungsi-fungsi ini dirancang untuk menjalankan tugas-tugas tertentu secara ringkas. Programmer tidak perlu mengimplementasikannya secara mandiri, yang meningkatkan keterbacaan dan pemeliharaan kode.

Fungsi Bawaan yang Representatif

parseInt()

1// Convert string to integer
2console.log(parseInt("42"));      // Output: 42
3console.log(parseInt("42px"));    // Output: 42
4console.log(parseInt("0xF", 16)); // Output: 15
5console.log(parseInt("0xF"));     // Output: 15
6console.log(parseInt("px42"));    // Output: NaN

• parseInt() adalah fungsi yang mengurai string dan mengonversinya menjadi bilangan bulat. Jika awal string berisi angka, bagian tersebut akan dikembalikan sebagai bilangan bulat. Radix (basis) opsional juga dapat ditentukan.

• Jika awal string tidak berisi angka, fungsi ini akan mengembalikan NaN (Not-a-Number). Selain itu, jika radix tidak ditentukan, ia akan default ke desimal, tetapi jika string dimulai dengan "0x", itu akan ditafsirkan sebagai heksadesimal.

parseFloat()

1// Convert string to float
2console.log(parseFloat("3.14"));      // Output: 3.14
3console.log(parseFloat("3.14abc"));   // Output: 3.14
4console.log(parseFloat("42"));        // Output: 42

• parseFloat() mengurai string dan mengonversinya menjadi bilangan floating-point. Fungsi ini digunakan saat menangani angka yang mencakup titik desimal.

• Seperti parseInt(), jika awal string bukan angka, fungsi ini akan mengembalikan NaN. Fungsi ini memiliki karakteristik mengurai secara benar tidak hanya bagian bilangan bulat tetapi juga bagian desimal.

isNaN()

1console.log(isNaN(NaN));         // Output: true
2console.log(isNaN(42));          // Output: false
3console.log(isNaN("hello"));     // Output: true

• isNaN() menentukan apakah nilai yang diberikan adalah NaN. NaN (Not-a-Number) mewakili nilai yang tidak valid sebagai angka.

• isNaN() juga valid untuk tipe data selain angka, dan misalnya, akan mengembalikan true jika sebuah string tidak dapat dikonversi menjadi angka.

Number()

1console.log(Number("42"));        // Output: 42
2console.log(Number("3.14"));      // Output: 3.14
3console.log(Number("0xff"));      // Output: 255
4console.log(Number("abc"));       // Output: NaN

• Number() adalah fungsi yang mengonversi string atau jenis data lain menjadi angka. Ini mengembalikan NaN jika string non-numerik diberikan.

• Tidak seperti parseInt() atau parseFloat(), Number() menganggapnya sebagai konversi yang tidak valid dan mengembalikan NaN jika string mengandung karakter non-numerik.

String()

1console.log(String(42));           // Output: "42"
2console.log(String(3.14));         // Output: "3.14"
3console.log(String(true));         // Output: "true"
4console.log(String(null));         // Output: "null"
5console.log(String(undefined));    // Output: "undefined"

• String() adalah fungsi yang mengonversi angka dan jenis data lainnya menjadi string. String(42) mengembalikan string "42".
• Jika nilai yang akan dikonversi adalah null atau undefined, maka akan mengembalikan string "null" atau "undefined", masing-masing.
• Ini berguna untuk menangani berbagai jenis data, seperti angka, boolean, atau objek, dengan mengonversinya menjadi string.

Array

1const arr = Array(3);
2console.log(arr); // Output: [ <3 empty items> ]
3
4const arr2 = Array(1, 2, 3);
5console.log(arr2); // Output: [1, 2, 3]

• Array adalah konstruktor yang digunakan untuk membuat array baru.
• Jika terdapat satu argumen, maka argumen tersebut dianggap sebagai panjang array, dan array kosong akan dibuat.
• Jika terdapat beberapa argumen, maka akan dibuat array dengan nilai-nilai tersebut sebagai elemennya.

Array.isArray()

1console.log(Array.isArray([1, 2, 3])); // Output: true
2console.log(Array.isArray("not an array")); // Output: false

• Array.isArray() adalah metode yang menentukan apakah argumen tersebut adalah sebuah array.
• Metode ini mengembalikan true jika argumen adalah array, dan false jika tidak.

isFinite()

1console.log(isFinite(42));         // Output: true
2console.log(isFinite(Infinity));   // Output: false
3console.log(isFinite(NaN));        // Output: false

• isFinite() menentukan apakah nilai yang diberikan adalah bilangan terhingga. Mengembalikan true untuk bilangan terhingga, dan false untuk nilai lainnya (seperti tak terhingga atau NaN).

• Dalam JavaScript, Infinity dan -Infinity merepresentasikan bilangan tak terhingga dan termasuk tipe number, tetapi isFinite() menganggap bilangan tak terhingga sebagai nilai yang tidak valid.

eval()

1let expression = "2 + 2";
2console.log(eval(expression));    // Output: 4
3
4console.log(eval("var x = 10; x * 2"));  // Output: 20

• eval() adalah fungsi yang mengevaluasi dan menjalankan kode JavaScript yang diberikan sebagai string. Anda dapat menjalankan kode JavaScript secara dinamis.

• eval() sangat kuat, tetapi mengandung risiko keamanan, sehingga sebaiknya dihindari dalam pengembangan nyata. Menjalankan kode dari luar dengan eval() dapat menyebabkan perilaku yang tidak diinginkan dan kerentanan keamanan.

encodeURI() / decodeURI()

1let url = "https://example.com/?name=John Doe&age=25";
2let encodedUrl = encodeURI(url);
3console.log(encodedUrl);
4// Output: https://example.com/?name=John%20Doe&age=25
5
6let decodedUrl = decodeURI(encodedUrl);
7console.log(decodedUrl);
8// Output: https://example.com/?name=John Doe&age=25

• encodeURI() adalah fungsi yang digunakan untuk mengkodekan (mengonversi) karakter yang tidak dapat digunakan dalam URL. Sebaliknya, decodeURI() mendekode URL yang telah dikodekan ke bentuk aslinya.

• Pengkodean sangat penting ketika berurusan dengan karakter khusus. Misalnya, karakter seperti spasi atau & perlu dikodekan agar dapat dimasukkan dengan benar dalam URL, sehingga harus diproses dengan tepat menggunakan encodeURI().

setTimeout() / setInterval()

 1// Execute a function after 2 seconds
 2setTimeout(() => {
 3    console.log("This runs after 2 seconds");
 4}, 2000);
 5
 6// Execute a function every 1 second
 7let intervalId = setInterval(() => {
 8    console.log("This runs every 1 second");
 9}, 1000);
10
11// Stop the interval after 5 seconds
12setTimeout(() => {
13    clearInterval(intervalId);
14}, 5000);

• setTimeout() adalah fungsi timer yang digunakan untuk menjalankan suatu fungsi satu kali setelah waktu tertentu. setInterval() menjalankan fungsi berulang kali dalam interval yang ditentukan.

• setTimeout() dan setInterval() menjalankan fungsi secara asinkron, memanggil fungsi setelah waktu yang ditentukan berlalu. Dimungkinkan juga untuk membatalkan eksekusi menggunakan clearTimeout() atau clearInterval().

Ringkasan

Menggunakan fungsi bawaan JavaScript memungkinkan Anda menulis program yang lebih sederhana dan efisien. Fungsi-fungsi yang diperkenalkan di sini adalah dasar dan berguna dalam berbagai situasi. Pastikan untuk menulis kode nyata dan mengonfirmasi perilakunya untuk memperdalam pemahaman Anda.

Pelajari pemrosesan yang lebih kompleks dan penggunaan fungsi tingkat lanjut untuk lebih meningkatkan keterampilan JavaScript Anda.

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

YouTube Video