Bagaimana untuk menukar aksara kepada kod ASCII menggunakan JavaScript?-tutorial js-php.cn

ASCII, yang bermaksud American Standard Code for Information Interchange, ialah kaedah pengekodan aksara dengan memberikannya kepada nilai berangka tertentu. Nilai berangka yang diberikan sedemikian dipanggil kod ASCII dan digunakan secara meluas dalam sistem komputer untuk mewakili pelbagai aksara, termasuk huruf, nombor, tanda baca, dan aksara kawalan khas.

Contoh 1: Menggunakan charCodeAt() Kod berikut menggambarkan atur cara yang menggunakan fungsi "charCodeAt()" untuk menerima aksara yang dimasukkan oleh pengguna dan kemudian memaparkan kod ASCII yang sepadan untuk aksara tersebut.

Tatabahasa string.charCodeAt(index) Salin selepas log masuk Algoritma Langkah 1: Mulakan dengan mengisytiharkan tag HTML.

Langkah 2: Tambahkan beberapa fungsi UI pada halaman web menggunakan CSS dalaman.

Langkah 3: Buat medan input untuk membolehkan pengguna memasukkan aksara.

Langkah 4: Buat butang yang akan mencetuskan fungsi yang menukar aksara kepada ASCII.

Langkah 5: Buat tag skrip.

Langkah 6: Isytihar fungsi penukaran di dalam teg .

Langkah 7: Isytihar pembolehubah input untuk mendapatkan input pengguna.

Langkah 8: Gunakan fungsi charCodeAt() untuk menukar aksara kepada nilai ASCII.

Contoh Character to ASCII Converter //CSS Styling from here body { font-family: Arial, sans-serif; background-color: #f5f5f5; margin: 0; padding: 20px; text-align: center; }

h1 { color: #333; }

.container { max-width: 400px; margin: 0 auto; background-color: #fff; padding: 20px; border-radius: 5px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }

input[type="text"] { width: 100%; padding: 10px; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 3px; box-sizing: border-box; font-size: 16px; }

button { width: 100%; padding: 10px; background-color: #4caf50; color: #fff; border: none; border-radius: 3px; cursor: pointer; font-size: 16px; }

p { margin-top: 10px; font-size: 18px; } Character to ASCII Converter //Designing input area for user //creating button that convert the value Convert

//Javascript code for converting characters to ASCII code //creating function that will invoke as the user click on the button function convert() { const input = document.getElementById("inputText").value; const asciiCode = input.charCodeAt(0); document.getElementById("output").textContent = `ASCII code: ${asciiCode}`; } Salin selepas log masuk Fungsi terbina dalam ini mengambil rentetan dan indeks sebagai parameter dan mengembalikan kod ASCII aksara pada indeks tersebut. Pengguna memasukkan aksara ke dalam medan input dalam contoh HTML. Apabila anda mengklik butang Tukar, kod JavaScript mendapatkan semula aksara, menggunakan fungsi charCodeAt() dan memaparkan kod ASCII pada halaman web.

Contoh 2 - Menggunakan codePointAt() Fungsi codePointAt() ialah kaedah sedia ada untuk mengendalikan rentetan dalam JavaScript. Ia memperoleh nilai mata kod Unikod watak dengan tepat pada indeks yang ditentukan.

Dalam kod khusus ini, ia digunakan untuk mendapatkan semula nilai titik kod Unikod bagi aksara awal daripada input pengguna dan memaparkannya sebagai output.

Tatabahasa const codePoint = input.codePointAt(0); Salin selepas log masuk Contoh Character to ASCII Converter Using charPointAt() //CSS Styling from here body { font-family: Arial, sans-serif; background-color: #f5f5f5; margin: 0; padding: 20px; text-align: center; }

h1 { color: #333; }

.container { max-width: 400px; margin: 0 auto; background-color: #fff; padding: 20px; border-radius: 5px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }

input[type="text"] { width: 100%; padding: 10px; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 3px; box-sizing: border-box; font-size: 16px; }

button { width: 100%; padding: 10px; background-color: #4caf50; color: #fff; border: none; border-radius: 3px; cursor: pointer; font-size: 16px; }

p { margin-top: 10px; font-size: 18px; } Character to ASCII Converter Using charPointAt() //Designing input area for user Convert

//Javascript code for converting characters to ASCII code //creating function that will invoke as the user click on the button function convert() { const input = document.getElementById("inputText").value; const codePoint = input.codePointAt(0); document.getElementById("output").textContent = `Unicode code point: ${codePoint}`; } Salin selepas log masuk Kod yang disediakan menggunakan fungsi JavaScript yang dipanggil "codePointAt()" untuk menukar aksara kepada titik kod Unicode yang sepadan. Ia mengandungi medan input di mana anda boleh menaip aksara. Selepas mengklik butang "Tukar", kod akan mengira dan memaparkan titik kod Unikod bagi aksara yang dimasukkan. Output dipaparkan dalam elemen perenggan dengan ID "output". Ciri ini membolehkan anda mendapatkan nilai mata kod Unicode dengan mudah bagi sesuatu aksara.

Kesimpulan Menukar aksara kepada kod ASCII dalam JavaScript ialah operasi asas yang mempunyai aplikasi praktikal dalam pelbagai senario pengaturcaraan. Pembangun boleh mendapatkan kod ASCII atau nilai titik kod Unicode aksara dengan menggunakan kaedah seperti charCodeAt() dan charPointAt(). Sama ada anda perlu bekerja secara khusus dengan kod ASCII atau dengan julat aksara yang lebih luas, JavaScript menyediakan kaedah serba boleh ini untuk membantu anda melaksanakan penukaran aksara kepada ASCII dengan cekap dan tepat.

Php8, saya datang juga

Ketahui reka letak tapak web dalam masa 30 minit

Tutorial Video Permulaan Shangguan Oracle kepada Mahir

Baris pertama kod UNI-APP anda

Berkibar dari awal ke pelancaran apl

Tutorial Video Linux Baharu Brother Lian

Tutorial Video AXURE 9 (Sesuai untuk UI Reka Bentuk Produk Interaktif Pengurus Produk)

Tutorial Video PS Kemahiran Asas Sifar

Tutorial video UI 16 hari untuk anda bermula

Tutorial Video Teknik PS dan Teknik Menghiris

Tutorial Video Pembinaan Persekitaran Awan Alibaba dan Pelancaran Projek

Gambaran Keseluruhan Rangkaian Komputer - Pengetahuan Asas yang Perlu Dikuasai Pengaturcara

Tutorial Penting untuk Pengaturcara - Penjelasan Protokol HTTP

Tutorial Video Websocket

Bagaimana untuk menukar aksara kepada kod ASCII menggunakan JavaScript?

Contoh 1: Menggunakan charCodeAt()

Tatabahasa

Algoritma