Bagaimana untuk Menukar Nama Warna kepada Kod Hex dalam JavaScript Tanpa Fungsi Terbina dalam?

Cara Menukar Nama Warna kepada Kod Hex dalam Javascript

Penukaran warna boleh menjadi tugas yang membosankan, terutamanya jika anda perlu mengekod setiap gabungan yang mungkin. Nasib baik, terdapat cara untuk memudahkan proses ini dan menjimatkan masa anda.

Fungsi Terbina dalam

Walaupun fungsinya yang meluas, Javascript tidak menyediakan ciri terbina dalam. dalam fungsi yang boleh menukar nama warna secara terus kepada perwakilan heksadesimalnya.

Pelaksanaan Tersuai

Untuk menangani had ini, anda boleh mencipta fungsi tersuai anda sendiri menggunakan senarai luaran nama warna dan kod hex yang sepadan. Berikut ialah coretan kod yang menunjukkan cara untuk melakukan ini:

<code class="javascript">function colourNameToHex(colour) {
    var colours = {
        "aliceblue": "#f0f8ff",
        "antiquewhite": "#faebd7",
        // Additional color names and hex codes go here
    };

    if (typeof colours[colour.toLowerCase()] != 'undefined') {
        return colours[colour.toLowerCase()];
    }

    return false;
}</code>

Penggunaan

Untuk menggunakan fungsi colourNameToHex, hanya hantar nama warna sebagai hujah dan ia akan kembalikan kod perenambelasannya. Contohnya:

<code class="javascript">console.log(colourNameToHex('red')); // Outputs: #ff0000
console.log(colourNameToHex('chartreuse')); // Outputs: #7fff00</code>

Senarai Tersuai

Contoh yang disediakan termasuk beberapa nama warna untuk tujuan demonstrasi. Anda boleh melanjutkan senarai ini untuk merangkumi semua nama warna yang anda perlukan dengan merujuk kepada senarai komprehensif warna dan kod heksnya, seperti yang terdapat di sini: https://www.w3schools.com/colors/colors_names.asp

Atas ialah kandungan terperinci Bagaimana untuk Menukar Nama Warna kepada Kod Hex dalam JavaScript Tanpa Fungsi Terbina dalam?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!