{"id":16693,"date":"2020-07-25T06:26:36","date_gmt":"2020-07-25T06:26:36","guid":{"rendered":"https:\/\/www.devopsschool.com\/blog\/?p=16693"},"modified":"2020-07-25T11:43:10","modified_gmt":"2020-07-25T11:43:10","slug":"logical-operators-in-javascript","status":"publish","type":"post","link":"https:\/\/www.devopsschool.com\/blog\/logical-operators-in-javascript\/","title":{"rendered":"Logical Operators in JavaScript."},"content":{"rendered":"\n<p>  <img loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"516\" class=\"wp-image-16527\" style=\"width: 1500px;\" src=\"https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2020\/07\/JavaScript-Logical-Operator.png\" alt=\"\" srcset=\"https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2020\/07\/JavaScript-Logical-Operator.png 1253w, https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2020\/07\/JavaScript-Logical-Operator-300x103.png 300w, https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2020\/07\/JavaScript-Logical-Operator-1024x352.png 1024w, https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2020\/07\/JavaScript-Logical-Operator-768x264.png 768w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/p>\n\n\n\n<p><strong><em>1 . Logical AND ( <span class=\"has-inline-color has-vivid-red-color\">&amp;&amp;<\/span> ) :-<\/em><\/strong> In this operator, it returns a <strong>TRUE <\/strong>value only when both the conditions are true else it returns <strong>FALSE<\/strong>.  See the below image for understanding better. <img loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"624\" class=\"wp-image-16708\" style=\"width: 1500px;\" src=\"https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2020\/07\/JavaScript-Logical-AND.png\" alt=\"\" srcset=\"https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2020\/07\/JavaScript-Logical-AND.png 1171w, https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2020\/07\/JavaScript-Logical-AND-300x125.png 300w, https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2020\/07\/JavaScript-Logical-AND-1024x426.png 1024w, https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2020\/07\/JavaScript-Logical-AND-768x319.png 768w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/p>\n\n\n\n<p class=\"has-text-align-center\"><strong><em>Example :-<\/em><\/strong>  <br><strong>1.<\/strong>  <span class=\"has-inline-color has-vivid-red-color\"><strong>( 5>2 ) &amp;&amp; ( 6&lt;8 )<\/strong><\/span>  &#8211;  True<br>                       <strong>2.<\/strong>  <strong><span class=\"has-inline-color has-vivid-red-color\">( 5&lt;2 ) &amp;&amp; ( 5>3 )<\/span><\/strong>  &#8211;  False<br>                       <strong>3.<\/strong>  <strong><span class=\"has-inline-color has-vivid-red-color\">( 5>2 ) &amp;&amp; ( 5&lt;3 )<\/span><\/strong>  &#8211;  False<br>                       <strong>4.<\/strong>  <strong><span class=\"has-inline-color has-vivid-red-color\">( 5&lt;2 ) &amp;&amp; ( 5&lt;3 )<\/span><\/strong>  &#8211;  False<\/p>\n\n\n\n<p><strong><em>2 . Logical OR ( || ) :-<\/em><\/strong> In this operator, it returns a <strong>TRUE <\/strong>value if any  Operand is true but, if both operands are false then it returns <strong>FALSE<\/strong>.  See the below image for understanding better. <img loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"611\" class=\"wp-image-16715\" style=\"width: 1500px;\" src=\"https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2020\/07\/JavaScript-Logical-OR.png\" alt=\"\" srcset=\"https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2020\/07\/JavaScript-Logical-OR.png 985w, https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2020\/07\/JavaScript-Logical-OR-300x122.png 300w, https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2020\/07\/JavaScript-Logical-OR-768x313.png 768w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/p>\n\n\n\n<p class=\"has-text-align-center\"><em><strong>Example<\/strong> :-<\/em><br>  <strong>1.<\/strong>  <strong><span class=\"has-inline-color has-vivid-red-color\">( 5>2 ) <strong><em>||<\/em><\/strong> ( 6&lt;8 )<\/span><\/strong> &#8211; True<br>   <strong>2.<\/strong>  <strong><span class=\"has-inline-color has-vivid-red-color\">( 5&lt;2 ) <strong><strong><em>||<\/em><\/strong><\/strong> ( 5>3 )<\/span><\/strong> &#8211; True<br>                      <strong>3.<\/strong>  <strong><span class=\"has-inline-color has-vivid-red-color\">( 5>2 ) <strong><strong><em>||<\/em><\/strong><\/strong> ( 5&lt;3 )<\/span><\/strong> &#8211; True<br>                      <strong>4.<\/strong>  <strong><span class=\"has-inline-color has-vivid-red-color\">( 5&lt;2 ) <strong><strong><em>||<\/em><\/strong><\/strong> ( 5&lt;3 )<\/span><\/strong> &#8211; False<\/p>\n\n\n\n<p><strong><em>3 . Logical NOT ( || ) :-<\/em><\/strong> In this operator, it returns a TRUE value if the condition is false and it returns FALSE if the condition is true.  See the below image for understanding better. <br><img loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"454\" class=\"wp-image-16730\" style=\"width: 1500px;\" src=\"https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2020\/07\/JavaScript-Logical-NOT.png\" alt=\"\" srcset=\"https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2020\/07\/JavaScript-Logical-NOT.png 1081w, https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2020\/07\/JavaScript-Logical-NOT-300x91.png 300w, https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2020\/07\/JavaScript-Logical-NOT-1024x310.png 1024w, https:\/\/www.devopsschool.com\/blog\/wp-content\/uploads\/2020\/07\/JavaScript-Logical-NOT-768x232.png 768w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/p>\n\n\n\n<p class=\"has-text-align-center\"><em><strong>Example<\/strong> :-<\/em>  <br><strong>1.<\/strong>  <strong><span class=\"has-inline-color has-vivid-red-color\">!( 5&lt;2 ) <\/span><\/strong> &#8211; True<br> <strong>2.<\/strong>  <strong><span class=\"has-inline-color has-vivid-red-color\">!( 5>2 ) <\/span><\/strong> &#8211; False<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"has-text-align-center\"><strong> Video Reference<\/strong><\/h2>\n<iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/z8ixkLDNuQw\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"><\/iframe>\n","protected":false},"excerpt":{"rendered":"<p>1 . Logical AND ( &amp;&amp; ) :- In this operator, it returns a TRUE value only when both the conditions are true else it returns FALSE. See the below&#8230; <\/p>\n","protected":false},"author":19,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_joinchat":[],"footnotes":""},"categories":[5691],"tags":[5611,6284,6187,6290],"class_list":["post-16693","post","type-post","status-publish","format-standard","hentry","category-javascript","tag-javascript","tag-javascript-operators","tag-logical-operators","tag-operators-in-javascript"],"_links":{"self":[{"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/posts\/16693","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/comments?post=16693"}],"version-history":[{"count":20,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/posts\/16693\/revisions"}],"predecessor-version":[{"id":16736,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/posts\/16693\/revisions\/16736"}],"wp:attachment":[{"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/media?parent=16693"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/categories?post=16693"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/tags?post=16693"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}