Ganti huruf kurung kurawal javascript

Pada artikel ini, kita akan membahas cara menggunakan pernyataan switch di JavaScript. Pernyataan beralih adalah jenis struktur kontrol pemilihan yang memungkinkan Anda memilih dari sejumlah opsi, atau kasus. Pernyataan switch akan mengevaluasi ekspresi, dan berdasarkan nilai ekspresi, akan mengeksekusi blok kode tertentu. Dengan cara ini, pernyataan switch dapat digunakan sebagai alternatif dari pernyataan if-else

Daftar isi

Bagaimana Beralih Pernyataan dalam JavaScript Bekerja

Pernyataan beralih dimulai dengan kata kunci switch, diikuti dengan ekspresi dalam tanda kurung. Ekspresi ini dapat berupa ekspresi JavaScript yang valid tetapi biasanya berupa nama variabel atau literal string. Nilai ekspresi kemudian dibandingkan dengan masing-masing nilai kasus secara bergantian. Jika kecocokan ditemukan, blok kode terkait dijalankan. Jika tidak ditemukan kecocokan, dan jika ada kasus default, blok kode kasus default akan dieksekusi. Jika tidak, eksekusi hanya akan dilanjutkan setelah pernyataan switch

Dalam contoh ini, kami ingin memeriksa kemungkinan variabel keadaan baik, AL, FL, atau CT

switch(state) {
  case 'AL': // Alabama
   break;
  case 'FL': // Florida
   break;
  case 'CT': // Connecticut
   break;
  // .. remaining cases
}

Perhatikan bagaimana setiap kelompok kasus diakhiri dengan pernyataan break. Pernyataan break ini memberi tahu JavaScript untuk berhenti mengeksekusi kode di dalam pernyataan switch setelah kecocokan ditemukan dan dieksekusi. Jika Anda menghilangkan pernyataan break, eksekusi akan diteruskan ke case berikutnya (jika ada) dan semua case berikutnya juga akan dieksekusi hingga break tercapai

Anda dapat menggunakan perilaku ini untuk keuntungan Anda untuk mengeksekusi banyak kasus dengan logika serupa tanpa harus menduplikasi kode — pastikan saja bahwa inilah yang benar-benar ingin Anda lakukan. Seperti biasa, penting untuk mengomentari kode Anda dengan baik sehingga orang lain (dan Anda di masa mendatang. ) akan tahu apa yang terjadi. Tetapi bagaimana jika kita ingin memastikan bahwa kasus serupa dijalankan dengan blok yang sama?

Menangani Banyak Kasus

Kami juga dapat menangani banyak kasus untuk setiap pernyataan blok di sakelar kami. Misalnya, katakanlah kita ingin menangani negara bagian berdasarkan wilayah. Kita dapat melakukannya dengan memisahkan setiap kasus dengan koma dan mengelompokkannya berdasarkan blok

switch(state) {
  case 'AL': // Alabama
  case 'AR': // Arkansas
  case 'FL': // Florida
  // .. other southern states
   break;
  case 'NY': // New York
  case 'NJ': // New Jersey
  case 'CT': // Connecticut
  // .. other northeastern states
   break;
  // .. remaining cases
}

Dengan mengelompokkan kasus kami, kami dapat menghindari keharusan menggandakan kode untuk setiap negara bagian di wilayah yang sama. Dalam contoh ini, jika state_ sama dengan “AL”, “AR”, atau “FL” kode akan dieksekusi di blok pertama. Pernyataan break_ digunakan untuk keluar dari pernyataan switch setelah kasus yang cocok ditemukan dan dieksekusi. Jika negara bagian kita sama dengan "NY", "NJ", atau "CT", itu akan mengeksekusi kode di blok kedua, dan seterusnya

Penting untuk dicatat bahwa jika state sama dengan nilai yang tidak tercantum dalam kasus apa pun, tidak ada blok kode yang akan dieksekusi dan aliran kontrol akan jatuh ke akhir pernyataan sakelar. Ini dapat digunakan untuk keuntungan kita dengan menggunakan kata kunci

switch(state) {
  case 'AL': // Alabama
  case 'AR': // Arkansas
  case 'FL': // Florida
  // .. other southern states
   break;
  case 'NY': // New York
  case 'NJ': // New Jersey
  case 'CT': // Connecticut
  // .. other northeastern states
   break;
  // .. remaining cases
}

switch(state) {
   // ...
  default:
   // handle remaining cases here
}

Dalam contoh ini, jika state_ sama dengan nilai yang tidak tercantum dalam kasus mana pun, kode akan "kembali" ke dalam kasus default yang dapat digunakan untuk menangani kasus tepi dalam kode kita

Mengevaluasi Rentang Sakelar

Terkadang kami mungkin ingin memeriksa nilai perkiraan saja. Misalnya, bagaimana jika kita ingin memeriksa nilai kode pos berdasarkan negara bagiannya?

switch(zip) {
  case 71601:
  case 71602:
  case 72603:
   // execute block for Arkansas zip code
}

Masalah dengan pendekatan ini cukup jelas, kami harus menyertakan kecocokan untuk setiap kemungkinan kode pos dalam rentang zip Arkansas yang diakhiri dengan

switch(state) {
  case 'AL': // Alabama
  case 'AR': // Arkansas
  case 'FL': // Florida
  // .. other southern states
   break;
  case 'NY': // New York
  case 'NJ': // New Jersey
  case 'CT': // Connecticut
  // .. other northeastern states
   break;
  // .. remaining cases
}

switch(state) {
  case 'AL': // Alabama
  case 'AR': // Arkansas
  case 'FL': // Florida
  // .. other southern states
   break;
  case 'NY': // New York
  case 'NJ': // New Jersey
  case 'CT': // Connecticut
  // .. other northeastern states
   break;
  // .. remaining cases
}

const zip = 72401;
switch(true) {
  case (zip >= 71601 && zip <=72959):
   // execute block for Arkansas zip code
   break;
}

Ini adalah cara yang jauh lebih efisien untuk menulis pernyataan peralihan kami dan tidak akan terlalu rentan terhadap kesalahan. Hal lain yang perlu diingat adalah bahwa untuk semua contoh ini kita tidak menggunakan kurung kurawal untuk blok kode kita. Ini membuat kode kita terlihat sedikit lebih bersih tetapi dapat menyebabkan masalah saat mempertimbangkan ruang lingkup

Tukar Pernyataan tanpa Kurung Keriting

Terlepas dari pendapat umum, menggunakan kurung kurawal di blok kode sakelar sedikit lebih dari sekadar preferensi pribadi. Jika Anda memutuskan untuk tidak menyertakan kurung kurawal seperti yang kita miliki untuk masing-masing contoh ini, Anda dapat mengalami masalah pelingkupan saat mendeklarasikan variabel

switch(x) {
  case 0:
   // no curly braces used to denote a block statement
   let foo = 'bar';
   break;
  case 1:
   let foo = 'baz'; // SyntaxError
   break;
}

Untuk alasan ini, saya sarankan menggunakan kurung kurawal untuk setiap blok sakelar Anda jika Anda berencana menggunakan variabel cakupan blok apa pun

switch(x) {
  case 0: {
   // curly braces used to denote a block statement
   let foo = 'bar';
   break;
  }
  case 1: {
   let foo = 'baz'; // no SyntaxError
   break;
  }
}

Kesimpulan – Ganti Pernyataan dalam JavaScript

Beralih pernyataan dalam JavaScript menawarkan pengembang cara mudah untuk mengeksekusi berbagai blok kode berdasarkan kondisi. Mereka dapat digunakan sebagai pengganti rantai panjang pernyataan if-else if-else, yang dapat menghasilkan kode yang lebih mudah dibaca dan dipelihara. Namun, seperti halnya alat apa pun, penting bagi pengembang untuk memahami cara kerja pernyataan peralihan sebelum menggunakannya sehingga mereka dapat menghindari perilaku yang tidak terduga dalam program mereka. Anda dapat mempelajari lebih lanjut tentang Pernyataan Pengalihan di dokumentasi MDN

Saya harap artikel ini bermanfaat bagi Anda. Untuk mempelajari lebih banyak pengetahuan JavaScript yang berguna, lihat tutorial pemrograman JavaScript kami yang lain

Bisakah kita menggunakan kurung kurawal di sakelar

Untuk apa tanda kurung kurawal {{ }} digunakan?

Apakah JavaScript membutuhkan kurung kurawal?

Apa yang dilakukan tanda kurung kurawal {} dalam JavaScript definisi fungsi?