{"id":3492,"date":"2024-03-13T07:02:26","date_gmt":"2024-03-13T07:02:26","guid":{"rendered":"https:\/\/www.silicloud.com\/blog\/what-are-the-different-ways-to-write-a-switch-statement-in-javascript\/"},"modified":"2025-07-30T17:07:05","modified_gmt":"2025-07-30T17:07:05","slug":"what-are-the-different-ways-to-write-a-switch-statement-in-javascript","status":"publish","type":"post","link":"https:\/\/www.silicloud.com\/blog\/what-are-the-different-ways-to-write-a-switch-statement-in-javascript\/","title":{"rendered":"JavaScript Switch Statement Guide"},"content":{"rendered":"<p>The basic syntax of a switch statement in JavaScript is as follows:<\/p>\n<pre class=\"post-pre\"><code><span class=\"hljs-keyword\">switch<\/span>(expression) {\r\n  <span class=\"hljs-keyword\">case<\/span> <span class=\"hljs-attr\">value1<\/span>:\r\n    <span class=\"hljs-comment\">\/\/ \u5728expression\u7b49\u4e8evalue1\u65f6\u6267\u884c\u7684\u4ee3\u7801\u5757<\/span>\r\n    <span class=\"hljs-keyword\">break<\/span>;\r\n  <span class=\"hljs-keyword\">case<\/span> <span class=\"hljs-attr\">value2<\/span>:\r\n    <span class=\"hljs-comment\">\/\/ \u5728expression\u7b49\u4e8evalue2\u65f6\u6267\u884c\u7684\u4ee3\u7801\u5757<\/span>\r\n    <span class=\"hljs-keyword\">break<\/span>;\r\n  <span class=\"hljs-comment\">\/\/ \u53ef\u4ee5\u6709\u591a\u4e2acase<\/span>\r\n  <span class=\"hljs-attr\">default<\/span>:\r\n    <span class=\"hljs-comment\">\/\/ \u5f53expression\u4e0d\u5339\u914d\u4efb\u4f55case\u65f6\u6267\u884c\u7684\u4ee3\u7801\u5757<\/span>\r\n}\r\n<\/code><\/pre>\n<p>In a switch statement, the expression is the expression being compared, the value after the case is a possible value, and the corresponding code block is executed when the expression equals the value. The break is used to end the execution of the switch statement, and default is optional, representing the code block that is executed when the expression does not match any case.<\/p>\n<p>Additionally, multiple values can be matched in one case, as shown below:<\/p>\n<pre class=\"post-pre\"><code><span class=\"hljs-keyword\">switch<\/span>(expression) {\r\n  <span class=\"hljs-keyword\">case<\/span> <span class=\"hljs-attr\">value1<\/span>:\r\n  <span class=\"hljs-keyword\">case<\/span> <span class=\"hljs-attr\">value2<\/span>:\r\n    <span class=\"hljs-comment\">\/\/ \u5728expression\u7b49\u4e8evalue1\u6216value2\u65f6\u6267\u884c\u7684\u4ee3\u7801\u5757<\/span>\r\n    <span class=\"hljs-keyword\">break<\/span>;\r\n  <span class=\"hljs-attr\">default<\/span>:\r\n    <span class=\"hljs-comment\">\/\/ \u5f53expression\u4e0d\u5339\u914d\u4efb\u4f55case\u65f6\u6267\u884c\u7684\u4ee3\u7801\u5757<\/span>\r\n}\r\n<\/code><\/pre>\n<p>The above is the basic syntax of a switch statement, where different case and default statements can be combined based on specific needs.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The basic syntax of a switch statement in JavaScript is as follows: switch(expression) { case value1: \/\/ \u5728expression\u7b49\u4e8evalue1\u65f6\u6267\u884c\u7684\u4ee3\u7801\u5757 break; case value2: \/\/ \u5728expression\u7b49\u4e8evalue2\u65f6\u6267\u884c\u7684\u4ee3\u7801\u5757 break; \/\/ \u53ef\u4ee5\u6709\u591a\u4e2acase default: \/\/ \u5f53expression\u4e0d\u5339\u914d\u4efb\u4f55case\u65f6\u6267\u884c\u7684\u4ee3\u7801\u5757 } In a switch statement, the expression is the expression being compared, the value after the case is a possible value, and the corresponding code block [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_import_markdown_pro_load_document_selector":0,"_import_markdown_pro_submit_text_textarea":"","footnotes":""},"categories":[1],"tags":[525,324,1826,299,1825],"class_list":["post-3492","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-coding","tag-javascript","tag-js-tutorial","tag-programming","tag-switch-statement"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v21.5 (Yoast SEO v21.5) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>JavaScript Switch Statement Guide - Blog - Silicon Cloud<\/title>\n<meta name=\"description\" content=\"Learn different ways to write switch statements in JavaScript with examples and best practices.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.silicloud.com\/blog\/what-are-the-different-ways-to-write-a-switch-statement-in-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JavaScript Switch Statement Guide\" \/>\n<meta property=\"og:description\" content=\"Learn different ways to write switch statements in JavaScript with examples and best practices.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.silicloud.com\/blog\/what-are-the-different-ways-to-write-a-switch-statement-in-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog - Silicon Cloud\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/SiliCloudGlobal\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-13T07:02:26+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-30T17:07:05+00:00\" \/>\n<meta name=\"author\" content=\"Ava Mitchell\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@SiliCloudGlobal\" \/>\n<meta name=\"twitter:site\" content=\"@SiliCloudGlobal\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ava Mitchell\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/what-are-the-different-ways-to-write-a-switch-statement-in-javascript\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/what-are-the-different-ways-to-write-a-switch-statement-in-javascript\/\"},\"author\":{\"name\":\"Ava Mitchell\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/a3e2658c2cb9fb2be95ae0a8861f4a64\"},\"headline\":\"JavaScript Switch Statement Guide\",\"datePublished\":\"2024-03-13T07:02:26+00:00\",\"dateModified\":\"2025-07-30T17:07:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/what-are-the-different-ways-to-write-a-switch-statement-in-javascript\/\"},\"wordCount\":115,\"publisher\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#organization\"},\"keywords\":[\"coding\",\"JavaScript\",\"JS tutorial\",\"programming\",\"switch statement\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/what-are-the-different-ways-to-write-a-switch-statement-in-javascript\/\",\"url\":\"https:\/\/www.silicloud.com\/blog\/what-are-the-different-ways-to-write-a-switch-statement-in-javascript\/\",\"name\":\"JavaScript Switch Statement Guide - Blog - Silicon Cloud\",\"isPartOf\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#website\"},\"datePublished\":\"2024-03-13T07:02:26+00:00\",\"dateModified\":\"2025-07-30T17:07:05+00:00\",\"description\":\"Learn different ways to write switch statements in JavaScript with examples and best practices.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/what-are-the-different-ways-to-write-a-switch-statement-in-javascript\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.silicloud.com\/blog\/what-are-the-different-ways-to-write-a-switch-statement-in-javascript\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/what-are-the-different-ways-to-write-a-switch-statement-in-javascript\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.silicloud.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JavaScript Switch Statement Guide\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#website\",\"url\":\"https:\/\/www.silicloud.com\/blog\/\",\"name\":\"Silicon Cloud Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#organization\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#organization\",\"name\":\"Silicon Cloud Blog\",\"url\":\"https:\/\/www.silicloud.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png\",\"contentUrl\":\"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png\",\"width\":1024,\"height\":1024,\"caption\":\"Silicon Cloud Blog\"},\"image\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/SiliCloudGlobal\/\",\"https:\/\/twitter.com\/SiliCloudGlobal\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/a3e2658c2cb9fb2be95ae0a8861f4a64\",\"name\":\"Ava Mitchell\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/15c63cd0564b4a2e07d611bcdffa296f6ea80e8db07c3091f43a84010514899d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/15c63cd0564b4a2e07d611bcdffa296f6ea80e8db07c3091f43a84010514899d?s=96&d=mm&r=g\",\"caption\":\"Ava Mitchell\"},\"url\":\"https:\/\/www.silicloud.com\/blog\/author\/avamitchell\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"JavaScript Switch Statement Guide - Blog - Silicon Cloud","description":"Learn different ways to write switch statements in JavaScript with examples and best practices.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.silicloud.com\/blog\/what-are-the-different-ways-to-write-a-switch-statement-in-javascript\/","og_locale":"en_US","og_type":"article","og_title":"JavaScript Switch Statement Guide","og_description":"Learn different ways to write switch statements in JavaScript with examples and best practices.","og_url":"https:\/\/www.silicloud.com\/blog\/what-are-the-different-ways-to-write-a-switch-statement-in-javascript\/","og_site_name":"Blog - Silicon Cloud","article_publisher":"https:\/\/www.facebook.com\/SiliCloudGlobal\/","article_published_time":"2024-03-13T07:02:26+00:00","article_modified_time":"2025-07-30T17:07:05+00:00","author":"Ava Mitchell","twitter_card":"summary_large_image","twitter_creator":"@SiliCloudGlobal","twitter_site":"@SiliCloudGlobal","twitter_misc":{"Written by":"Ava Mitchell","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.silicloud.com\/blog\/what-are-the-different-ways-to-write-a-switch-statement-in-javascript\/#article","isPartOf":{"@id":"https:\/\/www.silicloud.com\/blog\/what-are-the-different-ways-to-write-a-switch-statement-in-javascript\/"},"author":{"name":"Ava Mitchell","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/a3e2658c2cb9fb2be95ae0a8861f4a64"},"headline":"JavaScript Switch Statement Guide","datePublished":"2024-03-13T07:02:26+00:00","dateModified":"2025-07-30T17:07:05+00:00","mainEntityOfPage":{"@id":"https:\/\/www.silicloud.com\/blog\/what-are-the-different-ways-to-write-a-switch-statement-in-javascript\/"},"wordCount":115,"publisher":{"@id":"https:\/\/www.silicloud.com\/blog\/#organization"},"keywords":["coding","JavaScript","JS tutorial","programming","switch statement"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.silicloud.com\/blog\/what-are-the-different-ways-to-write-a-switch-statement-in-javascript\/","url":"https:\/\/www.silicloud.com\/blog\/what-are-the-different-ways-to-write-a-switch-statement-in-javascript\/","name":"JavaScript Switch Statement Guide - Blog - Silicon Cloud","isPartOf":{"@id":"https:\/\/www.silicloud.com\/blog\/#website"},"datePublished":"2024-03-13T07:02:26+00:00","dateModified":"2025-07-30T17:07:05+00:00","description":"Learn different ways to write switch statements in JavaScript with examples and best practices.","breadcrumb":{"@id":"https:\/\/www.silicloud.com\/blog\/what-are-the-different-ways-to-write-a-switch-statement-in-javascript\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.silicloud.com\/blog\/what-are-the-different-ways-to-write-a-switch-statement-in-javascript\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.silicloud.com\/blog\/what-are-the-different-ways-to-write-a-switch-statement-in-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.silicloud.com\/blog\/"},{"@type":"ListItem","position":2,"name":"JavaScript Switch Statement Guide"}]},{"@type":"WebSite","@id":"https:\/\/www.silicloud.com\/blog\/#website","url":"https:\/\/www.silicloud.com\/blog\/","name":"Silicon Cloud Blog","description":"","publisher":{"@id":"https:\/\/www.silicloud.com\/blog\/#organization"},"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.silicloud.com\/blog\/#organization","name":"Silicon Cloud Blog","url":"https:\/\/www.silicloud.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png","contentUrl":"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png","width":1024,"height":1024,"caption":"Silicon Cloud Blog"},"image":{"@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/SiliCloudGlobal\/","https:\/\/twitter.com\/SiliCloudGlobal"]},{"@type":"Person","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/a3e2658c2cb9fb2be95ae0a8861f4a64","name":"Ava Mitchell","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/15c63cd0564b4a2e07d611bcdffa296f6ea80e8db07c3091f43a84010514899d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/15c63cd0564b4a2e07d611bcdffa296f6ea80e8db07c3091f43a84010514899d?s=96&d=mm&r=g","caption":"Ava Mitchell"},"url":"https:\/\/www.silicloud.com\/blog\/author\/avamitchell\/"}]}},"_links":{"self":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts\/3492","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/comments?post=3492"}],"version-history":[{"count":2,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts\/3492\/revisions"}],"predecessor-version":[{"id":148142,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts\/3492\/revisions\/148142"}],"wp:attachment":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/media?parent=3492"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/categories?post=3492"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/tags?post=3492"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}