Perkenalan:

Tingkatkan pengetahuan JavaScript Anda dengan serangkaian 10 pertanyaan wawancara tingkat lanjut. Selami topik kompleks seperti pelingkupan leksikal, pola desain, pemrograman asinkron, dan banyak lagi. Temukan wawasan berharga dan perkuat pemahaman Anda melalui jawaban komprehensif dan contoh kode langsung. Tingkatkan persiapan Anda untuk wawancara JavaScript dan tunjukkan keahlian Anda dalam bahasa dinamis ini dengan percaya diri. (Bagian 4 dari seri)

Lihat 100 Pertanyaan Wawancara JavaScript Tingkat Lanjut dengan Jawaban dan Contoh Kode (Bagian 3) jika Anda belum membaca artikel itu!

Daftar Isi:

  • Bagaimana cara JavaScript menangani operasi asinkron? Jelaskan peran callback dan berikan contohnya.
  • Apa tujuan dari operator “typeof” di JavaScript? Berikan contoh.
  • Bagaimana Anda bisa mengubah string menjadi angka di JavaScript? Berikan contoh.
  • Apa tujuan dari metode “slice()” dalam array JavaScript? Berikan contoh.
  • Bagaimana Anda bisa memeriksa apakah suatu objek memiliki properti tertentu dalam JavaScript? Berikan contoh.
  • Bagaimana cara membalikkan string dalam JavaScript? Berikan contoh.
  • Bagaimana Anda bisa menghapus duplikat dari array di JavaScript? Berikan contoh.
  • Bagaimana Anda bisa memeriksa apakah suatu variabel adalah array dalam JavaScript? Berikan contoh.
  • Bagaimana Anda mengurutkan array objek berdasarkan properti tertentu di JavaScript? Berikan contoh.
  • Bagaimana Anda bisa menghapus elemen dari array di JavaScript? Berikan contoh.

31- Bagaimana JavaScript menangani operasi asinkron? Jelaskan peran callback dan berikan contohnya.

Menjawab:

JavaScript menggunakan operasi asinkron untuk memastikan perilaku non-pemblokiran. Ini menggunakan panggilan balik untuk menangani tugas-tugas asinkron. Callback adalah fungsi yang diteruskan sebagai argumen ke fungsi lain dan dieksekusi ketika peristiwa atau tindakan tertentu terjadi. Berikut ini contoh yang menunjukkan penggunaan callback untuk menangani pengambilan data asinkron:

function fetchData(callback) {
  setTimeout(() => {
    const data = { name: 'John', age: 25 };
    callback(data);
  }, 2000);
}

function displayData(data) {
  console.log(`Name: ${data.name}, Age: ${data.age}`);
}

fetchData(displayData);

Dalam contoh di atas, fungsi FetchData menyimulasikan operasi asinkron menggunakan setTimeout. Setelah jeda selama 2 detik, ia akan memanggil fungsi panggilan balik, meneruskan data yang diambil sebagai argumen. Fungsi displayData adalah panggilan balik, yang menerima data dan menampilkannya di konsol.

32- Apa tujuan dari operator typeof di JavaScript? Berikan contoh.

Menjawab:

Operator typeof dalam JavaScript digunakan untuk menentukan tipe data dari nilai atau ekspresi tertentu. Ia mengembalikan string yang mewakili tipe operan. Berikut ini contohnya:

const num = 10;
const str = 'Hello';
const bool = true;
const obj = { name: 'John' };
const arr = [1, 2, 3];

console.log(typeof num);  // Output: "number"
console.log(typeof str);  // Output: "string"
console.log(typeof bool); // Output: "boolean"
console.log(typeof obj);  // Output: "object"
console.log(typeof arr);  // Output: "object"

Pada contoh di atas, operator typeof digunakan untuk menentukan tipe berbagai variabel. Ia mengembalikan tipe masing-masing sebagai string, seperti angka, string, boolean, atau objek. Perhatikan bahwa array juga dianggap sebagai objek dalam JavaScript.

33- Bagaimana cara mengubah string menjadi angka di JavaScript? Berikan contoh.

Menjawab:

Dalam JavaScript, Anda dapat mengonversi string menjadi angka menggunakan fungsi parseInt() atau parseFloat(). Berikut ini contohnya:

const strNum = '42';
const num1 = parseInt(strNum);
const num2 = parseFloat(strNum);

console.log(num1); // Output: 42
console.log(num2); // Output: 42.0

Pada contoh di atas, fungsi parseInt() mengonversi string menjadi bilangan bulat, sedangkan fungsi parseFloat() mengonversinya menjadi angka floating-point. Angka-angka yang dihasilkan dapat digunakan untuk operasi matematika atau manipulasi numerik lainnya.

34- Apa tujuan metode irisan() dalam array JavaScript? Berikan contoh.

Menjawab:

Metode irisan() dalam array JavaScript digunakan untuk mengekstrak sebagian array dan mengembalikan array baru yang berisi elemen yang dipilih. Dibutuhkan dua parameter opsional: indeks awal dan indeks akhir (eksklusif). Berikut ini contohnya:

const numbers = [1, 2, 3, 4, 5];
const sliced = numbers.slice(1, 4);

console.log(sliced); // Output: [2, 3, 4]

Dalam contoh di atas, metode irisan() dipanggil pada array angka, dengan menetapkan indeks awal sebagai 1 dan indeks akhir sebagai 4 (eksklusif). Metode ini mengekstrak elemen pada indeks 1, 2, dan 3, membuat array baru [2, 3, 4].

35- Bagaimana cara memeriksa apakah suatu objek memiliki properti tertentu di JavaScript? Berikan contoh.

Menjawab:

Anda dapat memeriksa apakah suatu objek memiliki properti tertentu dalam JavaScript menggunakan metode hasOwnProperty() atau operator in. Berikut ini contoh penggunaan kedua pendekatan:

const person = { name: 'John', age: 25 };

console.log(person.hasOwnProperty('name')); // Output: true
console.log(person.hasOwnProperty('gender')); // Output: false

console.log('name' in person); // Output: true
console.log('gender' in person); // Output: false

Pada contoh di atas, metode hasOwnProperty() digunakan untuk memeriksa apakah objek person memiliki properti 'nama' dan 'gender'. Ia mengembalikan nilai true untuk 'nama' dan false untuk 'gender'. Demikian pula, operator in digunakan untuk melakukan pemeriksaan yang sama.

36- Bagaimana cara membalikkan string dalam JavaScript? Berikan contoh.

Menjawab:

Untuk membalikkan string dalam JavaScript, Anda dapat menggunakan berbagai pendekatan. Salah satu metode yang umum adalah mengubah string menjadi array, membalikkan array, dan kemudian menggabungkan elemen yang dibalik kembali menjadi string. Berikut ini contohnya:

const str = 'Hello, World!';
const reversedStr = str.split('').reverse().join('');

console.log(reversedStr); // Output: '!dlroW ,olleH'

Pada contoh di atas, string 'Halo, Dunia!' dikonversi menjadi array menggunakan metode split(''), yang membagi string menjadi karakter individual. Kemudian, metode reverse() diterapkan pada array untuk membalik urutan elemen. Terakhir, metode join('') digunakan untuk menggabungkan elemen yang dibalik kembali menjadi sebuah string.

37- Bagaimana cara menghapus duplikat dari array di JavaScript? Berikan contoh.

Menjawab:

Untuk menghapus duplikat dari array di JavaScript, Anda dapat menggunakan objek Set atau metode filter() yang dikombinasikan dengan metode indexOf(). Berikut ini contoh penggunaan objek Set:

const numbers = [1, 2, 2, 3, 4, 4, 5];
const uniqueNumbers = [...new Set(numbers)];

console.log(uniqueNumbers); // Output: [1, 2, 3, 4, 5]

Pada contoh di atas, objek Set digunakan untuk membuat himpunan baru dari array angka. Karena kumpulan hanya mengizinkan nilai unik, setiap duplikat akan dihapus secara otomatis. Operator spread ... kemudian digunakan untuk mengubah set kembali menjadi array, menghasilkan array dengan elemen unik.

38- Bagaimana Anda bisa memeriksa apakah suatu variabel adalah array di JavaScript? Berikan contoh.

Menjawab:

Untuk memeriksa apakah suatu variabel adalah array dalam JavaScript, Anda dapat menggunakan metode Array.isArray(). Berikut ini contohnya:

const arr = [1, 2, 3];
const notArr = 'Hello';

console.log(Array.isArray(arr));    // Output: true
console.log(Array.isArray(notArr)); // Output: false

Pada contoh di atas, metode Array.isArray() digunakan untuk memeriksa apakah variabel arr dan notArr adalah array. Ia mengembalikan nilai true untuk arr dan false untuk notArr.

39- Bagaimana Anda mengurutkan array objek berdasarkan properti tertentu di JavaScript? Berikan contoh.

Menjawab:

Untuk mengurutkan array objek berdasarkan properti tertentu di JavaScript, Anda dapat menggunakan metode sortir() dan menyediakan fungsi perbandingan khusus. Berikut ini contoh pengurutan array objek berdasarkan properti 'age':

const persons = [
  { name: 'John', age: 25 },
  { name: 'Alice', age: 32 },
  { name: 'Bob', age: 19 }
];

persons.sort((a, b) => a.age - b.age);

console.log(persons);

Dalam contoh di atas, metode sort() dipanggil pada array orang, meneruskan fungsi perbandingan sebagai argumen. Fungsi perbandingan membandingkan properti 'usia' setiap objek dan mengembalikan selisihnya. Hal ini memungkinkan metode sort() untuk mengurutkan array dalam urutan menaik berdasarkan properti 'age'.

40- Bagaimana cara menghapus elemen dari array di JavaScript? Berikan contoh.

Menjawab:

Untuk menghapus elemen dari array di JavaScript, Anda dapat menggunakan metode splice() atau metode filter(). Berikut ini contoh penggunaan splice():

const numbers = [1, 2, 3, 4, 5];
const indexToRemove = 2;

numbers.splice(indexToRemove, 1);

console.log(numbers); // Output: [1, 2, 4, 5]

Dalam contoh di atas, metode splice() dipanggil pada array angka, menentukan indeks elemen yang akan dihapus (dalam hal ini, indexToRemove) dan jumlah elemen yang akan dihapus (dalam hal ini, 1). Ini mengubah array asli dan menghapus elemen pada indeks yang ditentukan.

Jelajahi sepuluh pertanyaan wawancara JavaScript tingkat lanjut yang melampaui dasar-dasarnya, menguji pengetahuan kandidat tentang konsep kompleks dan keterampilan pemecahan masalah mereka. Setiap pertanyaan disusun dengan cermat dan disertai dengan contoh kode ilustratif untuk membantu kandidat memahami seluk-beluk topik yang ada. Pertanyaan-pertanyaan ini berfungsi sebagai alat yang sangat baik untuk mengevaluasi kemahiran kandidat dalam JavaScript tingkat lanjut dan kemampuan mereka untuk menerapkan pengetahuan mereka dalam skenario praktis.

Bacaan Lebih Lanjut: Bagian 5

Artikel Sebelumnya:

Bagian 1–100 Pertanyaan Wawancara JavaScript Tingkat Lanjut dengan Jawaban dan Contoh Kode

Bagian 2–100 Pertanyaan Wawancara JavaScript Tingkat Lanjut dengan Jawaban dan Contoh Kode

Bagian 3–100 Pertanyaan Wawancara JavaScript Tingkat Lanjut dengan Jawaban dan Contoh Kode

Ikuti saya di Medium jika Anda menyukai Artikel ini.