Cara Mencipta Fungsi Kata Terpanjang dalam JavaScript dengan Penjelasan Teknikal

Cari Perkataan Terpanjang dalam JavaScript dengan LongestWord

Baiklah, jadi kali ini saya ingin berkongsi tentang fungsi yang mudah tetapi agak menarik yang saya temui semasa belajar JavaScript dan saya dapati ini di codewars. Nama fungsi ialah longestWord. Seperti namanya, fungsi ini akan mencari dan mengembalikan perkataan terpanjang daripada rentetan.

Saya akan menerangkan mengapa fungsi ini berfungsi, apakah kaedah yang digunakan, dan sebabnya. Ayuh, mari terus kepada penjelasan terperinci!

---

Tujuan fungsi Word terpanjang

Fungsi ini mempunyai tugas mudah: ia menerima input dalam bentuk rentetan yang mengandungi beberapa perkataan (dipisahkan oleh ruang), kemudian mengembalikan perkataan terpanjang. Jika ternyata terdapat lebih daripada satu perkataan dengan panjang yang sama, fungsi ini akan mengambil perkataan terakhir yang ditemui.

Contohnya seperti ini:

longestWord("Aku sedang belajar JavaScript yang menyenangkan");
// Output: "menyenangkan"

longestWord("red blue gold");
// Output: "gold"

---

Kod Fungsi

Ini kodnya, ia sangat pendek, tetapi perkara yang menarik ialah di sebalik tabir ada banyak perkara yang berlaku:

function longestWord(stringOfWords) {
  return stringOfWords
    .split(' ') // Pecah string jadi array kata-kata
    .sort((a, b) => a.length - b.length) // Urutkan berdasarkan panjang
    .slice(-1) // Ambil elemen terakhir (kata terpanjang)
    .toString(); // Ubah jadi string lagi
}

---

Penjelasan Teknikal

1. Membahagikan Rentetan kepada Susunan Perkataan: .split(' ')

Pertama, rentetan yang dimasukkan dibahagikan kepada susunan perkataan dengan kaedah split(' '). Jadi ruang dalam rentetan adalah seperti pemisah antara perkataan.

Contohnya:

"Aku sedang belajar".split(' ');
// Output: ["Aku", "sedang", "belajar"]

Ini penting kerana kita tidak boleh memanipulasi rentetan secara langsung seperti tatasusunan. Dengan split, setiap perkataan menjadi elemen tatasusunan yang sangat mudah untuk diurus.

---

2. Isih Perkataan Mengikut Panjang: .sort((a, b) => a.length - b.length)

Selepas ia adalah tatasusunan, kami mengisih perkataan daripada terpendek kepada terpanjang menggunakan kaedah isihan.

Dalam jenis, saya memberikan panggilan balik (a, b) => a.panjang - b.panjang. Pada asasnya, saya meminta JavaScript untuk mengisih elemen tatasusunan mengikut panjang.

Hasilnya?

["Aku", "sedang", "belajar"].sort((a, b) => a.length - b.length);
// Output: ["Aku", "sedang", "belajar"]

---

3. Ambil Perkataan Terpanjang: .slice(-1)

Oleh kerana tatasusunan diisih, perkataan terpanjang mestilah di hujung tatasusunan. Jadi, fungsi slice(-1) adalah untuk mengambil elemen terakhir.

Contohnya seperti ini:

["Aku", "sedang", "belajar"].slice(-1);
// Output: ["belajar"]

---

4. Tukar semula kepada rentetan: .toString()

Hasil slice(-1) sebenarnya masih dalam bentuk tatasusunan, walaupun ia hanya mengandungi satu elemen. Supaya ia sepadan dengan output yang diminta, kami menukarnya sekali lagi kepada rentetan menggunakan toString().

Keputusan akhir:

longestWord("Aku sedang belajar JavaScript yang menyenangkan");
// Output: "menyenangkan"

---

Mengapa Gunakan Kaedah Ini?

1. split(' '): Oleh kerana rentetan tidak boleh diubah (tidak boleh ditukar terus), saya mula-mula membahagikannya kepada tatasusunan supaya mudah diproses.
2. sort(): Cara terpantas untuk mencari elemen terbesar atau terpanjang ialah mengisih data dahulu.
3. slice(-1): Ini adalah helah mudah untuk segera merebut elemen terakhir tatasusunan.
4. toString(): Memandangkan output akhir mestilah rentetan, ini adalah langkah terakhir.

---

Bagi saya, fungsi longestWord adalah seperti latihan yang baik untuk mengingati beberapa kaedah penting dalam JavaScript, terutamanya untuk bekerja dengan rentetan dan tatasusunan. Daripada fungsi ini, saya juga memahami lebih lanjut tentang cara split, sort, slice dan toString berfungsi.

Jika anda mempunyai idea lain untuk menyelesaikan masalah ini, atau mungkin anda mahukan pengoptimuman lanjut, mari bincang bersama di ruangan komen! ?

Atas ialah kandungan terperinci Cara Mencipta Fungsi Kata Terpanjang dalam JavaScript dengan Penjelasan Teknikal. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!