9 tips JavaScript yang sangat berguna

Salam, Habr! Saya mempersembahkan untuk Anda terjemahan artikel “9 Hacks JavaScript yang Sangat Kuat” oleh Klaus .

Catatan penerjemah: dalam posting baru (10 Desember) ini, trik JavaScript keren yang saya sukai sebagai pemula, tetapi ada juga iklan yang jelas untuk aplikasi pengujian. Tapi saya harus menerjemahkan seluruh materi, jadi saya menyembunyikan bagian iklan di spoiler, meskipun tidak sia-sia.

Asli dari artikel yang diterjemahkan
Saya suka mengoptimalkan.

Tetapi pengguna tidak peduli dengan kode saya yang dioptimalkan jika situs mereka tidak berfungsi di Internet Explorer 11.

Saya menggunakan Endtest untuk membuat tes otomatis dan menjalankannya di cloud lintas-browser.


Omong-omong, Netflix menggunakan platform yang sama untuk menguji aplikasi webnya. Selain itu, ia bahkan terdaftar sebagai keterampilan yang diperlukan dalam beberapa lowongan .

Endtest benar-benar memiliki beberapa fitur keren, seperti:

  • Mesh lintas-browser berjalan di komputer Windows dan MacOS
  • Editor Tanpa Kode untuk Tes Otomatis
  • Dukungan Aplikasi Web
  • Dukungan untuk aplikasi asli dan hybrid untuk Android dan iOS
  • Video tidak terbatas untuk pengujian Anda berjalan
  • Perbandingan tangkapan layar
  • Geolokasi
  • Jika pernyataan
  • Siklus
  • Unggah file ke tes Anda
  • API Endtest, untuk memudahkan integrasi dengan sistem CI / CD Anda
  • Pernyataan diperpanjang
  • Tes seluler di perangkat seluler nyata
  • Menguji Email dengan Kotak Surat Endtest

Anda dapat melihat dokumen pada alat ini.

Dan sekarang ada 9 tips JavaScript yang sangat berguna.

  1. Ganti semua


    Kita tahu bahwa fungsi string.replace () hanya menggantikan kejadian pertama. Anda dapat mengganti semua kemunculan dengan menambahkan / g di akhir ekspresi reguler.

    var example = "potato potato"; console.log(example.replace(/pot/, "tom")); // "tomato potato" console.log(example.replace(/pot/g, "tom")); // "tomato tomato" 
  2. Mengambil Nilai Unik


    Kami dapat membuat array baru dengan hanya nilai unik menggunakan objek Set dan operator Spread.

     var entries = [1, 2, 2, 3, 4, 5, 6, 6, 7, 7, 8, 4, 2, 1] var unique_entries = [...new Set(entries)]; console.log(unique_entries); // [1, 2, 3, 4, 5, 6, 7, 8] 
  3. Konversi angka menjadi string


    Kami hanya perlu menggunakan operator gabungan dengan satu set kutipan kosong.

     var converted_number = 5 + ""; console.log(converted_number); // 5 console.log(typeof converted_number); // string 
  4. Ubah string menjadi angka


    Yang kita butuhkan adalah operator +.

    Hati-hati dengan ini, karena ini hanya bekerja dengan nomor string.

     the_string = "123"; console.log(+the_string); // 123 the_string = "hello"; console.log(+the_string); // NaN 
  5. Acak item dari array


    Setiap hari saya shufflin ':-)

     var my_list = [1, 2, 3, 4, 5, 6, 7, 8, 9]; console.log(my_list.sort(function() { return Math.random() - 0.5 })); // [4, 8, 2, 9, 1, 3, 6, 5, 7] 
  6. Menghaluskan array multidimensi


    Hanya menggunakan pernyataan Spread.

     var entries = [1, [2, 5], [6, 7], 9]; var flat_entries = [].concat(...entries); // [1, 2, 5, 6, 7, 9] 
  7. Kondisi Jalan Pintas


    Mari kita ambil contoh ini:

     if (available) { addToCart(); } 

    Dan Anda dapat mempersingkatnya dengan hanya menggunakan variabel bersama dengan fungsi:

     available && addToCart() 
  8. Nama properti dinamis


    Saya selalu berpikir bahwa saya harus mendeklarasikan objek terlebih dahulu sebelum saya dapat menetapkan properti dinamis.

     const dynamic = 'flavour'; var item = { name: 'Coke', [dynamic]: 'Cherry' } console.log(item); // { name: "Coke", flavour: "Cherry" } 
  9. Gunakan panjang untuk mengubah ukuran / menghapus array


    Kami pada dasarnya menulis ulang panjang array.

    Jika kami ingin mengubah ukuran array:

     var entries = [1, 2, 3, 4, 5, 6, 7]; console.log(entries.length); // 7 entries.length = 4; console.log(entries.length); // 4 console.log(entries); // [1, 2, 3, 4] 

    Jika kita ingin menghapus array:

     var entries = [1, 2, 3, 4, 5, 6, 7]; console.log(entries.length); // 7 entries.length = 0; console.log(entries.length); // 0 console.log(entries); // [] 

Petunjuk JavaScript itu keren, tetapi pastikan aplikasi web Anda berjalan dengan benar di semua browser dan perangkat. Pastikan untuk mengurus ini.

Source: https://habr.com/ru/post/id480398/


All Articles