


Kemahiran penggunaan lanjutan bagi fungsi split dan join dalam kemahiran JavaScript_javascript
Javascript mempunyai dua fungsi yang sangat berkuasa yang disukai oleh pembangun: split dan join, dua fungsi bertentangan. Kedua-dua fungsi ini membenarkan jenis rentetan dan tatasusunan ditukar ganti, iaitu tatasusunan boleh disiri menjadi rentetan dan sebaliknya. Kita boleh menggunakan sepenuhnya kedua-dua fungsi ini. Mari terokai beberapa aplikasi menarik di dalamnya Mula-mula, mari perkenalkan dua fungsi ini:
String.prototype.split(pemisah, had)
pemisah membahagikan rentetan kepada tatasusunan, dan had parameter pilihan mentakrifkan panjang maksimum tatasusunan yang dijana.
"85@@86@@53".split('@@'); //['85','86','53']; "banana".split(); //["banana"]; //( thanks peter (-: ) "president,senate,house".split(',',2); //["president", "senate"] Array.prototype.join(separator)
Pemisah parameter pilihan menukar tatasusunan kepada rentetan. Jika tiada pemisah disediakan, koma akan digunakan sebagai nilai parameter (sama seperti fungsi toString tatasusunan).
["slugs","snails","puppy dog's tails"].join(' and '); //"slugs and snails and puppy dog's tails" ['Giants', 4, 'Rangers', 1].join(' '); //"Giants 4 Rangers 1" [1962,1989,2002,2010].join();
Mari kita lihat apl ini:
ganti Semua
Fungsi ringkas ini, tidak seperti fungsi ganti asli, boleh digunakan sebagai penggantian subrentetan global tanpa menggunakan ungkapan biasa.
String.prototype.replaceAll = function(find, replaceWith) { return this.split(find).join(replaceWith); } "the man and the plan".replaceAll('the','a'); //"a man and a plan"
Untuk rentetan kecil, prestasinya lebih lemah daripada fungsi asli penggantian aksara tunggal (di sini merujuk kepada dua fungsi tambahan ungkapan biasa), tetapi di bawah mozilla, jika aksara ini melebihi 2 atau 3 aksara, penggunaan fungsi ini berjalan lebih cepat daripada ungkapan biasa.
kejadian
Fungsi ini boleh mendapatkan bilangan padanan subrentetan. Dan fungsi semacam ini sangat mudah dan tidak memerlukan regularisasi.
String.prototype.occurences = function(find, matchCase) { var text = this; matchCase || (find = find.toLowerCase(), text = text.toLowerCase()); return text.split(find).length-1; } document.body.innerHTML.occurences("div"); //google home page has 114 document.body.innerHTML.occurences("/div"); //google home page has 57 "England engages its engineers".occurrences("eng",true); //2 repeat
Fungsi ini dipinjam daripada prototaip.js:
String.prototype.repeat = function(times) { return new Array(times+1).join(this); } "go ".repeat(3) + "Giants!"; //"go go go Giants!"
Keindahannya terletak pada penggunaan fungsi join. Tumpuan adalah pada nilai parameter pemisah dan tatasusunan asas hanya mengandungi beberapa nilai yang tidak ditentukan. Untuk menggambarkan perkara ini dengan lebih jelas, mari kita cipta semula contoh di atas:
[undefined,undefined,undefined,undefined].join("go ") + "Giants
Ingat bahawa setiap elemen tatasusunan akan ditukar kepada rentetan (rentetan kosong dalam kes ini) sebelum bergabung. Aplikasi fungsi ulangan ini adalah salah satu daripada beberapa aplikasi yang mentakrifkan tatasusunan melalui literal tatasusunan tidak boleh dilaksanakan.
Gunakan parameter had
Saya jarang menggunakan parameter pilihan had bagi fungsi split Berikut ialah contoh penggunaan had ini:
var getDomain = function(url) { return url.split('/',3).join('/'); } getDomain("http://www.aneventapart.com/2010/seattle/slides/"); //"http://www.aneventapart.com" getDomain("https://addons.mozilla.org/en-US/firefox/bookmarks/"); //"https://addons.mozilla.org"
Ubah suai ahli berangka
Jika kita mencampurkan ungkapan biasa, bergabung dan memisahkan, kita boleh mengubah suai ahli tatasusunan dengan mudah. Tetapi fungsi ini tidak sesukar yang dibayangkan Fungsi utamanya adalah untuk mengeluarkan rentetan yang dinyatakan di hadapan setiap ahli tatasusunan yang diberikan.
var beheadMembers = function(arr, removeStr) { var regex = RegExp("[,]?" + removeStr); return arr.join().split(regex).slice(1); } //make an array containing only the numeric portion of flight numbers beheadMembers(["ba015","ba129","ba130"],"ba"); //["015","129","130"]
Malangnya, fungsi ini tidak berfungsi dalam IE kerana ia tersalah mengalih keluar ahli kosong pertama daripada perpecahan. Sekarang mari kita betulkan fungsi ini:
var beheadMembers = function(arr, removeStr) { var regex = RegExp("[,]?" + removeStr); var result = arr.join().split(regex); return result[0] && result || result.slice(1); //IE workaround }
Mengapa kita harus menggunakan teknik ini dan bukannya fungsi peta tatasusunan dalam Emascript 5?
["ba015","ba129","ba130"].map(function(e) { return e.replace('ba','') }); //["015","129","130"]
Dalam aplikasi sebenar, apabila boleh dilaksanakan, saya biasanya menggunakan fungsi peta asli (tidak tersedia di bawah IE
//test 1 - using join/split var arr = [], x = 1000; while (x--) {arr.push("ba" + x);} var beheadMembers = function(arr, regex) { return arr.join().split(regex).slice(1); } var regex = RegExp("[,]?" + 'ba'); var timer = +new Date, y = 1000; while(y--) {beheadMembers(arr,regex);}; +new Date - timer; //FF 3.6 733ms //Ch 7 464ms //Sa 5 701ms //IE 8 1256ms //test 2 - using native map function var arr = [], x = 1000; while (x--) {arr.push("ba" + x);} var timer = +new Date, y = 1000; while(y--) { arr.map(function(e) { return e.replace('ba','') }); } +new Date - timer; //FF 3.6 2051ms //Cr 7 732ms //Sf 5 1520ms //IE 8 (Not supported)
Padanan corak
Tatasusunan perlu melakukan pemadanan corak secara berterusan, tetapi rentetan tidak. Ungkapan biasa boleh digunakan pada rentetan, tetapi bukan pada tatasusunan. Kuasa menukar tatasusunan kepada rentetan untuk padanan corak adalah jauh di luar skop artikel ini. Mari kita lihat aplikasi mudahnya.
Andaikan keputusan pertandingan berjalan kaki perlu disimpan dalam susunan. Tujuannya adalah untuk menggantikan peserta dengan masa rekod mereka dalam tatasusunan. Kami boleh menggunakan gabungan dan ungkapan biasa untuk mengesahkan sama ada mod storan ini betul. Kod berikut adalah untuk mengetahui sama ada masa rekod terlepas dengan mencari dua nama berturut-turut.
var results = ['sunil', '23:09', 'bob', '22:09', 'carlos', 'mary', '22:59']; var badData = results.join(',').match(/[a-zA-Z]+,[a-zA-Z]+/g); badData; //["carlos,mary"]

Ya, teras enjin JavaScript ditulis dalam C. 1) Bahasa C menyediakan prestasi yang efisien dan kawalan asas, yang sesuai untuk pembangunan enjin JavaScript. 2) Mengambil enjin V8 sebagai contoh, terasnya ditulis dalam C, menggabungkan kecekapan dan ciri-ciri berorientasikan objek C. 3) Prinsip kerja enjin JavaScript termasuk parsing, penyusun dan pelaksanaan, dan bahasa C memainkan peranan penting dalam proses ini.

JavaScript adalah di tengah -tengah laman web moden kerana ia meningkatkan interaktiviti dan dinamik laman web. 1) Ia membolehkan untuk menukar kandungan tanpa menyegarkan halaman, 2) memanipulasi laman web melalui Domapi, 3) menyokong kesan interaktif kompleks seperti animasi dan drag-and-drop, 4) mengoptimumkan prestasi dan amalan terbaik untuk meningkatkan pengalaman pengguna.

C dan JavaScript mencapai interoperabilitas melalui webassembly. 1) Kod C disusun ke dalam modul WebAssembly dan diperkenalkan ke dalam persekitaran JavaScript untuk meningkatkan kuasa pengkomputeran. 2) Dalam pembangunan permainan, C mengendalikan enjin fizik dan rendering grafik, dan JavaScript bertanggungjawab untuk logik permainan dan antara muka pengguna.

JavaScript digunakan secara meluas di laman web, aplikasi mudah alih, aplikasi desktop dan pengaturcaraan sisi pelayan. 1) Dalam pembangunan laman web, JavaScript mengendalikan DOM bersama -sama dengan HTML dan CSS untuk mencapai kesan dinamik dan menyokong rangka kerja seperti JQuery dan React. 2) Melalui reaktnatif dan ionik, JavaScript digunakan untuk membangunkan aplikasi mudah alih rentas platform. 3) Rangka kerja elektron membolehkan JavaScript membina aplikasi desktop. 4) Node.js membolehkan JavaScript berjalan di sisi pelayan dan menyokong permintaan serentak yang tinggi.

Python lebih sesuai untuk sains data dan automasi, manakala JavaScript lebih sesuai untuk pembangunan front-end dan penuh. 1. Python berfungsi dengan baik dalam sains data dan pembelajaran mesin, menggunakan perpustakaan seperti numpy dan panda untuk pemprosesan data dan pemodelan. 2. Python adalah ringkas dan cekap dalam automasi dan skrip. 3. JavaScript sangat diperlukan dalam pembangunan front-end dan digunakan untuk membina laman web dinamik dan aplikasi satu halaman. 4. JavaScript memainkan peranan dalam pembangunan back-end melalui Node.js dan menyokong pembangunan stack penuh.

C dan C memainkan peranan penting dalam enjin JavaScript, terutamanya digunakan untuk melaksanakan jurubahasa dan penyusun JIT. 1) C digunakan untuk menghuraikan kod sumber JavaScript dan menghasilkan pokok sintaks abstrak. 2) C bertanggungjawab untuk menjana dan melaksanakan bytecode. 3) C melaksanakan pengkompil JIT, mengoptimumkan dan menyusun kod hot-spot semasa runtime, dan dengan ketara meningkatkan kecekapan pelaksanaan JavaScript.

Aplikasi JavaScript di dunia nyata termasuk pembangunan depan dan back-end. 1) Memaparkan aplikasi front-end dengan membina aplikasi senarai TODO, yang melibatkan operasi DOM dan pemprosesan acara. 2) Membina Restfulapi melalui Node.js dan menyatakan untuk menunjukkan aplikasi back-end.

Penggunaan utama JavaScript dalam pembangunan web termasuk interaksi klien, pengesahan bentuk dan komunikasi tak segerak. 1) kemas kini kandungan dinamik dan interaksi pengguna melalui operasi DOM; 2) pengesahan pelanggan dijalankan sebelum pengguna mengemukakan data untuk meningkatkan pengalaman pengguna; 3) Komunikasi yang tidak bersesuaian dengan pelayan dicapai melalui teknologi Ajax.


Alat AI Hot

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool
Gambar buka pakaian secara percuma

Clothoff.io
Penyingkiran pakaian AI

Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Artikel Panas

Alat panas

SecLists
SecLists ialah rakan penguji keselamatan muktamad. Ia ialah koleksi pelbagai jenis senarai yang kerap digunakan semasa penilaian keselamatan, semuanya di satu tempat. SecLists membantu menjadikan ujian keselamatan lebih cekap dan produktif dengan menyediakan semua senarai yang mungkin diperlukan oleh penguji keselamatan dengan mudah. Jenis senarai termasuk nama pengguna, kata laluan, URL, muatan kabur, corak data sensitif, cangkerang web dan banyak lagi. Penguji hanya boleh menarik repositori ini ke mesin ujian baharu dan dia akan mempunyai akses kepada setiap jenis senarai yang dia perlukan.

ZendStudio 13.5.1 Mac
Persekitaran pembangunan bersepadu PHP yang berkuasa

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

MinGW - GNU Minimalis untuk Windows
Projek ini dalam proses untuk dipindahkan ke osdn.net/projects/mingw, anda boleh terus mengikuti kami di sana. MinGW: Port Windows asli bagi GNU Compiler Collection (GCC), perpustakaan import yang boleh diedarkan secara bebas dan fail pengepala untuk membina aplikasi Windows asli termasuk sambungan kepada masa jalan MSVC untuk menyokong fungsi C99. Semua perisian MinGW boleh dijalankan pada platform Windows 64-bit.

Versi Mac WebStorm
Alat pembangunan JavaScript yang berguna
