{"id":4161,"date":"2024-03-02T22:03:38","date_gmt":"2024-03-02T22:03:38","guid":{"rendered":"https:\/\/www.itersdesktop.com\/?p=4161"},"modified":"2024-03-03T12:57:22","modified_gmt":"2024-03-03T12:57:22","slug":"popular-shorthand-techniques-in-javascript","status":"publish","type":"post","link":"https:\/\/www.itersdesktop.com\/fr\/2024\/03\/02\/popular-shorthand-techniques-in-javascript\/","title":{"rendered":"Popular shorthand techniques in JavaScript"},"content":{"rendered":"<p>The shorthand techniques can help you to write optimized code and let you achieve your goal with less coding. Let\u2019s discuss some of the shorthand tips and tricks of JavaScript one by one.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_85 counter-hierarchy ez-toc-counter ez-toc-light-blue ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-6a3cbd8b84465\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-6a3cbd8b84465\"  aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.itersdesktop.com\/fr\/2024\/03\/02\/popular-shorthand-techniques-in-javascript\/#declaring-variables\" >Declaring variables<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.itersdesktop.com\/fr\/2024\/03\/02\/popular-shorthand-techniques-in-javascript\/#ternary-operators\" >Ternary operators<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.itersdesktop.com\/fr\/2024\/03\/02\/popular-shorthand-techniques-in-javascript\/#assignment-operators\" >Assignment operators<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.itersdesktop.com\/fr\/2024\/03\/02\/popular-shorthand-techniques-in-javascript\/#boolean-comparison\" >Boolean comparison<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.itersdesktop.com\/fr\/2024\/03\/02\/popular-shorthand-techniques-in-javascript\/#arrow-functions\" >Arrow functions<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.itersdesktop.com\/fr\/2024\/03\/02\/popular-shorthand-techniques-in-javascript\/#operators-on-array-object-etc\" >Operators on Array, Object, etc.<\/a><\/li><\/ul><\/nav><\/div>\n<h1><span class=\"ez-toc-section\" id=\"declaring-variables\"><\/span>Declaring variables<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\">\/\/ longhand\r\nvar x;\r\nvar y;\r\nvar z = 5;\r\n\r\n\/\/ shorthand\r\nvar x, y, z = 5;<\/pre>\n<h1><span class=\"ez-toc-section\" id=\"ternary-operators\"><\/span>Ternary operators<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\">\/\/ longhand\r\nlet isEven;\r\nif (number%2 === 1) {\r\n  isEven = false;\r\n} else {\r\n  isEven = true;\r\n}\r\n\r\n\/\/ shorthand\r\nlet isEven = number%2 === 0 ? true : false;\r\n\/\/ shorthand - another version\r\nlet isEven = number%2 === 0<\/pre>\n<h1><span class=\"ez-toc-section\" id=\"assignment-operators\"><\/span>Assignment operators<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\">\/\/ longhand\r\nx = x + y;\r\nx = x - y;\r\n\r\n\/\/ shorthand\r\nx += y;\r\nx -= y;<\/pre>\n<h1><span class=\"ez-toc-section\" id=\"boolean-comparison\"><\/span>Boolean comparison<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">let isEven = false;\r\nlet number;\r\n\r\n\/\/ longhand\r\nif (number % 2 === 0) {\r\n  isEven = true;\r\n} else {\r\n  isEven = false;\r\n}\r\n\r\n\/\/ shorthand\r\n\r\nisEven = number % 2 === 0;<\/pre>\n<h1><span class=\"ez-toc-section\" id=\"arrow-functions\"><\/span>Arrow functions<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">\/\/ longhand\r\n\r\nfunction isEven(number) {\r\n  if (number % 2 === 0) {\r\n    return true;\r\n  } else {\r\n    return false;\r\n  }\r\n}\r\n\r\n\/\/ shorthand\r\nconst isEven = number =&gt; {\r\n   return number % 2 === 0;\r\n}\u1ea2<\/pre>\n<h1><span class=\"ez-toc-section\" id=\"operators-on-array-object-etc\"><\/span>Operators on Array, Object, etc.<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">\/\/ longhand\r\n\"Tom Nguyen\".chartAt(0); \/\/ output: 'T'\r\n\r\n\/\/ shorthand\r\n\"Tom Nguyen\"[0]; \/\/ output: 'T'\r\n\r\n\/\/ longhand\r\nlet members = Array();\r\nmembers[0] = \"Tom\";\r\nmembers[1] = \"Lily\";\r\nmembers[2] = \"Tony\";\r\nmembers[3] = \"Ethan\";\r\n\r\n\/\/ shorthand\r\nlet a = [\"Tom\", \"Lily\", \"Tony\", \"Ethan\"];<\/pre>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Voil\u00e0!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The shorthand techniques can help you to write optimized code and let you achieve your goal with less coding. Let\u2019s discuss some of the shorthand tips and tricks of JavaScript&hellip; <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[641,133],"tags":[841],"class_list":["post-4161","post","type-post","status-publish","format-standard","hentry","category-javascript","category-jquery","tag-shorthans-in-javascript"],"_links":{"self":[{"href":"https:\/\/www.itersdesktop.com\/fr\/wp-json\/wp\/v2\/posts\/4161","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.itersdesktop.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.itersdesktop.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.itersdesktop.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.itersdesktop.com\/fr\/wp-json\/wp\/v2\/comments?post=4161"}],"version-history":[{"count":4,"href":"https:\/\/www.itersdesktop.com\/fr\/wp-json\/wp\/v2\/posts\/4161\/revisions"}],"predecessor-version":[{"id":4175,"href":"https:\/\/www.itersdesktop.com\/fr\/wp-json\/wp\/v2\/posts\/4161\/revisions\/4175"}],"wp:attachment":[{"href":"https:\/\/www.itersdesktop.com\/fr\/wp-json\/wp\/v2\/media?parent=4161"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.itersdesktop.com\/fr\/wp-json\/wp\/v2\/categories?post=4161"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.itersdesktop.com\/fr\/wp-json\/wp\/v2\/tags?post=4161"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}