var Component=(()=>{var cg=Object.create;var nr=Object.defineProperty;var fg=Object.getOwnPropertyDescriptor;var hg=Object.getOwnPropertyNames;var pg=Object.getPrototypeOf,dg=Object.prototype.hasOwnProperty;var is=(o,a)=>()=>(a||o((a={exports:{}}).exports,a),a.exports),gg=(o,a)=>{for(var hn in a)nr(o,hn,{get:a[hn],enumerable:!0})},as=(o,a,hn,it)=>{if(a&&typeof a=="object"||typeof a=="function")for(let J of hg(a))!dg.call(o,J)&&J!==hn&&nr(o,J,{get:()=>a[J],enumerable:!(it=fg(a,J))||it.enumerable});return o};var us=(o,a,hn)=>(hn=o!=null?cg(pg(o)):{},as(a||!o||!o.__esModule?nr(hn,"default",{value:o,enumerable:!0}):hn,o)),_g=o=>as(nr({},"__esModule",{value:!0}),o);var ls=is((yg,ss)=>{ss.exports=_jsx_runtime});var os=is((Oe,rt)=>{(function(){var o,a="4.17.21",hn=200,it="Unsupported core-js use. Try https://npms.io/search?q=ponyfill.",J="Expected a function",fs="Invalid `variable` option passed into `_.template`",er="__lodash_hash_undefined__",hs=500,at="__lodash_placeholder__",qn=1,ki=2,de=4,ge=1,ut=2,pn=1,re=2,Ii=4,Tn=8,_e=16,Ln=32,me=64,Wn=128,We=256,tr=512,ps=30,ds="...",gs=800,_s=16,Si=1,ms=2,vs=3,ie=1/0,Jn=9007199254740991,Ns=17976931348623157e292,st=0/0,bn=4294967295,ws=bn-1,xs=bn>>>1,As=[["ary",Wn],["bind",pn],["bindKey",re],["curry",Tn],["curryRight",_e],["flip",tr],["partial",Ln],["partialRight",me],["rearg",We]],ve="[object Arguments]",lt="[object Array]",ys="[object AsyncFunction]",De="[object Boolean]",Pe="[object Date]",ks="[object DOMException]",ot="[object Error]",ct="[object Function]",Ri="[object GeneratorFunction]",An="[object Map]",Be="[object Number]",Is="[object Null]",Dn="[object Object]",Ti="[object Promise]",Ss="[object Proxy]",Fe="[object RegExp]",yn="[object Set]",Me="[object String]",ft="[object Symbol]",Rs="[object Undefined]",Ue="[object WeakMap]",Ts="[object WeakSet]",Ge="[object ArrayBuffer]",Ne="[object DataView]",rr="[object Float32Array]",ir="[object Float64Array]",ar="[object Int8Array]",ur="[object Int16Array]",sr="[object Int32Array]",lr="[object Uint8Array]",or="[object Uint8ClampedArray]",cr="[object Uint16Array]",fr="[object Uint32Array]",Ls=/\b__p \+= '';/g,bs=/\b(__p \+=) '' \+/g,Cs=/(__e\(.*?\)|\b__t\)) \+\n'';/g,Li=/&(?:amp|lt|gt|quot|#39);/g,bi=/[&<>"']/g,Es=RegExp(Li.source),Os=RegExp(bi.source),Ws=/<%-([\s\S]+?)%>/g,Ds=/<%([\s\S]+?)%>/g,Ci=/<%=([\s\S]+?)%>/g,Ps=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,Bs=/^\w*$/,Fs=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,hr=/[\\^$.*+?()[\]{}|]/g,Ms=RegExp(hr.source),pr=/^\s+/,Us=/\s/,Gs=/\{(?:\n\/\* \[wrapped with .+\] \*\/)?\n?/,Hs=/\{\n\/\* \[wrapped with (.+)\] \*/,Ks=/,? & /,$s=/[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g,qs=/[()=,{}\[\]\/\s]/,Js=/\\(\\)?/g,Ys=/\$\{([^\\}]*(?:\\.[^\\}]*)*)\}/g,Ei=/\w*$/,zs=/^[-+]0x[0-9a-f]+$/i,Zs=/^0b[01]+$/i,Xs=/^\[object .+?Constructor\]$/,Qs=/^0o[0-7]+$/i,Vs=/^(?:0|[1-9]\d*)$/,js=/[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g,ht=/($^)/,nl=/['\n\r\u2028\u2029\\]/g,pt="\\ud800-\\udfff",el="\\u0300-\\u036f",tl="\\ufe20-\\ufe2f",rl="\\u20d0-\\u20ff",Oi=el+tl+rl,Wi="\\u2700-\\u27bf",Di="a-z\\xdf-\\xf6\\xf8-\\xff",il="\\xac\\xb1\\xd7\\xf7",al="\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf",ul="\\u2000-\\u206f",sl=" \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000",Pi="A-Z\\xc0-\\xd6\\xd8-\\xde",Bi="\\ufe0e\\ufe0f",Fi=il+al+ul+sl,dr="['\u2019]",ll="["+pt+"]",Mi="["+Fi+"]",dt="["+Oi+"]",Ui="\\d+",ol="["+Wi+"]",Gi="["+Di+"]",Hi="[^"+pt+Fi+Ui+Wi+Di+Pi+"]",gr="\\ud83c[\\udffb-\\udfff]",cl="(?:"+dt+"|"+gr+")",Ki="[^"+pt+"]",_r="(?:\\ud83c[\\udde6-\\uddff]){2}",mr="[\\ud800-\\udbff][\\udc00-\\udfff]",we="["+Pi+"]",$i="\\u200d",qi="(?:"+Gi+"|"+Hi+")",fl="(?:"+we+"|"+Hi+")",Ji="(?:"+dr+"(?:d|ll|m|re|s|t|ve))?",Yi="(?:"+dr+"(?:D|LL|M|RE|S|T|VE))?",zi=cl+"?",Zi="["+Bi+"]?",hl="(?:"+$i+"(?:"+[Ki,_r,mr].join("|")+")"+Zi+zi+")*",pl="\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])",dl="\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])",Xi=Zi+zi+hl,gl="(?:"+[ol,_r,mr].join("|")+")"+Xi,_l="(?:"+[Ki+dt+"?",dt,_r,mr,ll].join("|")+")",ml=RegExp(dr,"g"),vl=RegExp(dt,"g"),vr=RegExp(gr+"(?="+gr+")|"+_l+Xi,"g"),Nl=RegExp([we+"?"+Gi+"+"+Ji+"(?="+[Mi,we,"$"].join("|")+")",fl+"+"+Yi+"(?="+[Mi,we+qi,"$"].join("|")+")",we+"?"+qi+"+"+Ji,we+"+"+Yi,dl,pl,Ui,gl].join("|"),"g"),wl=RegExp("["+$i+pt+Oi+Bi+"]"),xl=/[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/,Al=["Array","Buffer","DataView","Date","Error","Float32Array","Float64Array","Function","Int8Array","Int16Array","Int32Array","Map","Math","Object","Promise","RegExp","Set","String","Symbol","TypeError","Uint8Array","Uint8ClampedArray","Uint16Array","Uint32Array","WeakMap","_","clearTimeout","isFinite","parseInt","setTimeout"],yl=-1,F={};F[rr]=F[ir]=F[ar]=F[ur]=F[sr]=F[lr]=F[or]=F[cr]=F[fr]=!0,F[ve]=F[lt]=F[Ge]=F[De]=F[Ne]=F[Pe]=F[ot]=F[ct]=F[An]=F[Be]=F[Dn]=F[Fe]=F[yn]=F[Me]=F[Ue]=!1;var B={};B[ve]=B[lt]=B[Ge]=B[Ne]=B[De]=B[Pe]=B[rr]=B[ir]=B[ar]=B[ur]=B[sr]=B[An]=B[Be]=B[Dn]=B[Fe]=B[yn]=B[Me]=B[ft]=B[lr]=B[or]=B[cr]=B[fr]=!0,B[ot]=B[ct]=B[Ue]=!1;var kl={\u00C0:"A",\u00C1:"A",\u00C2:"A",\u00C3:"A",\u00C4:"A",\u00C5:"A",\u00E0:"a",\u00E1:"a",\u00E2:"a",\u00E3:"a",\u00E4:"a",\u00E5:"a",\u00C7:"C",\u00E7:"c",\u00D0:"D",\u00F0:"d",\u00C8:"E",\u00C9:"E",\u00CA:"E",\u00CB:"E",\u00E8:"e",\u00E9:"e",\u00EA:"e",\u00EB:"e",\u00CC:"I",\u00CD:"I",\u00CE:"I",\u00CF:"I",\u00EC:"i",\u00ED:"i",\u00EE:"i",\u00EF:"i",\u00D1:"N",\u00F1:"n",\u00D2:"O",\u00D3:"O",\u00D4:"O",\u00D5:"O",\u00D6:"O",\u00D8:"O",\u00F2:"o",\u00F3:"o",\u00F4:"o",\u00F5:"o",\u00F6:"o",\u00F8:"o",\u00D9:"U",\u00DA:"U",\u00DB:"U",\u00DC:"U",\u00F9:"u",\u00FA:"u",\u00FB:"u",\u00FC:"u",\u00DD:"Y",\u00FD:"y",\u00FF:"y",\u00C6:"Ae",\u00E6:"ae",\u00DE:"Th",\u00FE:"th",\u00DF:"ss",\u0100:"A",\u0102:"A",\u0104:"A",\u0101:"a",\u0103:"a",\u0105:"a",\u0106:"C",\u0108:"C",\u010A:"C",\u010C:"C",\u0107:"c",\u0109:"c",\u010B:"c",\u010D:"c",\u010E:"D",\u0110:"D",\u010F:"d",\u0111:"d",\u0112:"E",\u0114:"E",\u0116:"E",\u0118:"E",\u011A:"E",\u0113:"e",\u0115:"e",\u0117:"e",\u0119:"e",\u011B:"e",\u011C:"G",\u011E:"G",\u0120:"G",\u0122:"G",\u011D:"g",\u011F:"g",\u0121:"g",\u0123:"g",\u0124:"H",\u0126:"H",\u0125:"h",\u0127:"h",\u0128:"I",\u012A:"I",\u012C:"I",\u012E:"I",\u0130:"I",\u0129:"i",\u012B:"i",\u012D:"i",\u012F:"i",\u0131:"i",\u0134:"J",\u0135:"j",\u0136:"K",\u0137:"k",\u0138:"k",\u0139:"L",\u013B:"L",\u013D:"L",\u013F:"L",\u0141:"L",\u013A:"l",\u013C:"l",\u013E:"l",\u0140:"l",\u0142:"l",\u0143:"N",\u0145:"N",\u0147:"N",\u014A:"N",\u0144:"n",\u0146:"n",\u0148:"n",\u014B:"n",\u014C:"O",\u014E:"O",\u0150:"O",\u014D:"o",\u014F:"o",\u0151:"o",\u0154:"R",\u0156:"R",\u0158:"R",\u0155:"r",\u0157:"r",\u0159:"r",\u015A:"S",\u015C:"S",\u015E:"S",\u0160:"S",\u015B:"s",\u015D:"s",\u015F:"s",\u0161:"s",\u0162:"T",\u0164:"T",\u0166:"T",\u0163:"t",\u0165:"t",\u0167:"t",\u0168:"U",\u016A:"U",\u016C:"U",\u016E:"U",\u0170:"U",\u0172:"U",\u0169:"u",\u016B:"u",\u016D:"u",\u016F:"u",\u0171:"u",\u0173:"u",\u0174:"W",\u0175:"w",\u0176:"Y",\u0177:"y",\u0178:"Y",\u0179:"Z",\u017B:"Z",\u017D:"Z",\u017A:"z",\u017C:"z",\u017E:"z",\u0132:"IJ",\u0133:"ij",\u0152:"Oe",\u0153:"oe",\u0149:"'n",\u017F:"s"},Il={"&":"&","<":"<",">":">",'"':""","'":"'"},Sl={"&":"&","<":"<",">":">",""":'"',"'":"'"},Rl={"\\":"\\","'":"'","\n":"n","\r":"r","\u2028":"u2028","\u2029":"u2029"},Tl=parseFloat,Ll=parseInt,Qi=typeof global=="object"&&global&&global.Object===Object&&global,bl=typeof self=="object"&&self&&self.Object===Object&&self,Y=Qi||bl||Function("return this")(),Nr=typeof Oe=="object"&&Oe&&!Oe.nodeType&&Oe,ae=Nr&&typeof rt=="object"&&rt&&!rt.nodeType&&rt,Vi=ae&&ae.exports===Nr,wr=Vi&&Qi.process,dn=function(){try{var h=ae&&ae.require&&ae.require("util").types;return h||wr&&wr.binding&&wr.binding("util")}catch{}}(),ji=dn&&dn.isArrayBuffer,na=dn&&dn.isDate,ea=dn&&dn.isMap,ta=dn&&dn.isRegExp,ra=dn&&dn.isSet,ia=dn&&dn.isTypedArray;function un(h,g,d){switch(d.length){case 0:return h.call(g);case 1:return h.call(g,d[0]);case 2:return h.call(g,d[0],d[1]);case 3:return h.call(g,d[0],d[1],d[2])}return h.apply(g,d)}function Cl(h,g,d,w){for(var I=-1,O=h==null?0:h.length;++I-1}function xr(h,g,d){for(var w=-1,I=h==null?0:h.length;++w-1;);return d}function ha(h,g){for(var d=h.length;d--&&xe(g,h[d],0)>-1;);return d}function Ul(h,g){for(var d=h.length,w=0;d--;)h[d]===g&&++w;return w}var Gl=Ir(kl),Hl=Ir(Il);function Kl(h){return"\\"+Rl[h]}function $l(h,g){return h==null?o:h[g]}function Ae(h){return wl.test(h)}function ql(h){return xl.test(h)}function Jl(h){for(var g,d=[];!(g=h.next()).done;)d.push(g.value);return d}function Lr(h){var g=-1,d=Array(h.size);return h.forEach(function(w,I){d[++g]=[I,w]}),d}function pa(h,g){return function(d){return h(g(d))}}function Zn(h,g){for(var d=-1,w=h.length,I=0,O=[];++d-1}function Wo(n,e){var t=this.__data__,r=Et(t,n);return r<0?(++this.size,t.push([n,e])):t[r][1]=e,this}Pn.prototype.clear=bo,Pn.prototype.delete=Co,Pn.prototype.get=Eo,Pn.prototype.has=Oo,Pn.prototype.set=Wo;function Bn(n){var e=-1,t=n==null?0:n.length;for(this.clear();++e=e?n:e)),n}function vn(n,e,t,r,i,l){var c,f=e&qn,p=e&ki,_=e&de;if(t&&(c=i?t(n,r,i,l):t(n)),c!==o)return c;if(!U(n))return n;var m=S(n);if(m){if(c=Fc(n),!f)return en(n,c)}else{var v=Q(n),N=v==ct||v==Ri;if(te(n))return Za(n,f);if(v==Dn||v==ve||N&&!i){if(c=p||N?{}:du(n),!f)return p?Rc(n,Xo(c,n)):Sc(n,Ia(c,n))}else{if(!B[v])return i?n:{};c=Mc(n,v,f)}}l||(l=new In);var x=l.get(n);if(x)return x;l.set(n,c),Ku(n)?n.forEach(function(k){c.add(vn(k,e,t,k,n,l))}):Gu(n)&&n.forEach(function(k,b){c.set(b,vn(k,e,t,b,n,l))});var y=_?p?ei:ni:p?rn:z,T=m?o:y(n);return gn(T||n,function(k,b){T&&(b=k,k=n[b]),ze(c,b,vn(k,e,t,b,n,l))}),c}function Qo(n){var e=z(n);return function(t){return Sa(t,n,e)}}function Sa(n,e,t){var r=t.length;if(n==null)return!r;for(n=P(n);r--;){var i=t[r],l=e[i],c=n[i];if(c===o&&!(i in n)||!l(c))return!1}return!0}function Ra(n,e,t){if(typeof n!="function")throw new _n(J);return et(function(){n.apply(o,t)},e)}function Ze(n,e,t,r){var i=-1,l=gt,c=!0,f=n.length,p=[],_=e.length;if(!f)return p;t&&(e=M(e,sn(t))),r?(l=xr,c=!1):e.length>=hn&&(l=He,c=!1,e=new le(e));n:for(;++ii?0:i+t),r=r===o||r>i?i:R(r),r<0&&(r+=i),r=t>r?0:qu(r);t0&&t(f)?e>1?Z(f,e-1,t,r,i):zn(i,f):r||(i[i.length]=f)}return i}var Pr=eu(),ba=eu(!0);function Cn(n,e){return n&&Pr(n,e,z)}function Br(n,e){return n&&ba(n,e,z)}function Wt(n,e){return Yn(e,function(t){return Hn(n[t])})}function ce(n,e){e=ne(e,n);for(var t=0,r=e.length;n!=null&&te}function nc(n,e){return n!=null&&D.call(n,e)}function ec(n,e){return n!=null&&e in P(n)}function tc(n,e,t){return n>=X(e,t)&&n=120&&m.length>=120)?new le(c&&m):o}m=n[0];var v=-1,N=f[0];n:for(;++v-1;)f!==n&&It.call(f,p,1),It.call(n,p,1);return n}function Ga(n,e){for(var t=n?e.length:0,r=t-1;t--;){var i=e[t];if(t==r||i!==l){var l=i;Gn(i)?It.call(n,i,1):Yr(n,i)}}return n}function $r(n,e){return n+Tt(xa()*(e-n+1))}function gc(n,e,t,r){for(var i=-1,l=q(Rt((e-n)/(t||1)),0),c=d(l);l--;)c[r?l:++i]=n,n+=t;return c}function qr(n,e){var t="";if(!n||e<1||e>Jn)return t;do e%2&&(t+=n),e=Tt(e/2),e&&(n+=n);while(e);return t}function L(n,e){return li(mu(n,e,an),n+"")}function _c(n){return ka(Ee(n))}function mc(n,e){var t=Ee(n);return qt(t,oe(e,0,t.length))}function Ve(n,e,t,r){if(!U(n))return n;e=ne(e,n);for(var i=-1,l=e.length,c=l-1,f=n;f!=null&&++ii?0:i+e),t=t>i?i:t,t<0&&(t+=i),i=e>t?0:t-e>>>0,e>>>=0;for(var l=d(i);++r>>1,c=n[l];c!==null&&!on(c)&&(t?c<=e:c=hn){var _=e?null:Cc(n);if(_)return mt(_);c=!1,i=He,p=new le}else p=e?[]:f;n:for(;++r=r?n:Nn(n,e,t)}var za=so||function(n){return Y.clearTimeout(n)};function Za(n,e){if(e)return n.slice();var t=n.length,r=_a?_a(t):new n.constructor(t);return n.copy(r),r}function Qr(n){var e=new n.constructor(n.byteLength);return new yt(e).set(new yt(n)),e}function Ac(n,e){var t=e?Qr(n.buffer):n.buffer;return new n.constructor(t,n.byteOffset,n.byteLength)}function yc(n){var e=new n.constructor(n.source,Ei.exec(n));return e.lastIndex=n.lastIndex,e}function kc(n){return Ye?P(Ye.call(n)):{}}function Xa(n,e){var t=e?Qr(n.buffer):n.buffer;return new n.constructor(t,n.byteOffset,n.length)}function Qa(n,e){if(n!==e){var t=n!==o,r=n===null,i=n===n,l=on(n),c=e!==o,f=e===null,p=e===e,_=on(e);if(!f&&!_&&!l&&n>e||l&&c&&p&&!f&&!_||r&&c&&p||!t&&p||!i)return 1;if(!r&&!l&&!_&&n=f)return p;var _=t[r];return p*(_=="desc"?-1:1)}}return n.index-e.index}function Va(n,e,t,r){for(var i=-1,l=n.length,c=t.length,f=-1,p=e.length,_=q(l-c,0),m=d(p+_),v=!r;++f1?t[i-1]:o,c=i>2?t[2]:o;for(l=n.length>3&&typeof l=="function"?(i--,l):o,c&&j(t[0],t[1],c)&&(l=i<3?o:l,i=1),e=P(e);++r-1?i[l?e[c]:c]:o}}function iu(n){return Un(function(e){var t=e.length,r=t,i=mn.prototype.thru;for(n&&e.reverse();r--;){var l=e[r];if(typeof l!="function")throw new _n(J);if(i&&!c&&Kt(l)=="wrapper")var c=new mn([],!0)}for(r=c?r:t;++r1&&E.reverse(),m&&pf))return!1;var _=l.get(n),m=l.get(e);if(_&&m)return _==e&&m==n;var v=-1,N=!0,x=t&ut?new le:o;for(l.set(n,e),l.set(e,n);++v1?"& ":"")+e[r],e=e.join(t>2?", ":" "),n.replace(Gs,`{ /* [wrapped with `+e+`] */ `)}function Gc(n){return S(n)||pe(n)||!!(Na&&n&&n[Na])}function Gn(n,e){var t=typeof n;return e=e??Jn,!!e&&(t=="number"||t!="symbol"&&Vs.test(n))&&n>-1&&n%1==0&&n0){if(++e>=gs)return arguments[0]}else e=0;return n.apply(o,arguments)}}function qt(n,e){var t=-1,r=n.length,i=r-1;for(e=e===o?r:e;++t1?n[e-1]:o;return t=typeof t=="function"?(n.pop(),t):o,Lu(n,t)});function bu(n){var e=s(n);return e.__chain__=!0,e}function jf(n,e){return e(n),n}function Jt(n,e){return e(n)}var nh=Un(function(n){var e=n.length,t=e?n[0]:0,r=this.__wrapped__,i=function(l){return Dr(l,n)};return e>1||this.__actions__.length||!(r instanceof C)||!Gn(t)?this.thru(i):(r=r.slice(t,+t+(e?1:0)),r.__actions__.push({func:Jt,args:[i],thisArg:o}),new mn(r,this.__chain__).thru(function(l){return e&&!l.length&&l.push(o),l}))});function eh(){return bu(this)}function th(){return new mn(this.value(),this.__chain__)}function rh(){this.__values__===o&&(this.__values__=$u(this.value()));var n=this.__index__>=this.__values__.length,e=n?o:this.__values__[this.__index__++];return{done:n,value:e}}function ih(){return this}function ah(n){for(var e,t=this;t instanceof Ct;){var r=yu(t);r.__index__=0,r.__values__=o,e?i.__wrapped__=r:e=r;var i=r;t=t.__wrapped__}return i.__wrapped__=n,e}function uh(){var n=this.__wrapped__;if(n instanceof C){var e=n;return this.__actions__.length&&(e=new C(this)),e=e.reverse(),e.__actions__.push({func:Jt,args:[oi],thisArg:o}),new mn(e,this.__chain__)}return this.thru(oi)}function sh(){return Ja(this.__wrapped__,this.__actions__)}var lh=Ft(function(n,e,t){D.call(n,t)?++n[t]:Fn(n,t,1)});function oh(n,e,t){var r=S(n)?aa:Vo;return t&&j(n,e,t)&&(e=o),r(n,A(e,3))}function ch(n,e){var t=S(n)?Yn:La;return t(n,A(e,3))}var fh=ru(ku),hh=ru(Iu);function ph(n,e){return Z(Yt(n,e),1)}function dh(n,e){return Z(Yt(n,e),ie)}function gh(n,e,t){return t=t===o?1:R(t),Z(Yt(n,e),t)}function Cu(n,e){var t=S(n)?gn:Vn;return t(n,A(e,3))}function Eu(n,e){var t=S(n)?El:Ta;return t(n,A(e,3))}var _h=Ft(function(n,e,t){D.call(n,t)?n[t].push(e):Fn(n,t,[e])});function mh(n,e,t,r){n=tn(n)?n:Ee(n),t=t&&!r?R(t):0;var i=n.length;return t<0&&(t=q(i+t,0)),Vt(n)?t<=i&&n.indexOf(e,t)>-1:!!i&&xe(n,e,t)>-1}var vh=L(function(n,e,t){var r=-1,i=typeof e=="function",l=tn(n)?d(n.length):[];return Vn(n,function(c){l[++r]=i?un(e,c,t):Xe(c,e,t)}),l}),Nh=Ft(function(n,e,t){Fn(n,t,e)});function Yt(n,e){var t=S(n)?M:Da;return t(n,A(e,3))}function wh(n,e,t,r){return n==null?[]:(S(e)||(e=e==null?[]:[e]),t=r?o:t,S(t)||(t=t==null?[]:[t]),Ma(n,e,t))}var xh=Ft(function(n,e,t){n[t?0:1].push(e)},function(){return[[],[]]});function Ah(n,e,t){var r=S(n)?Ar:oa,i=arguments.length<3;return r(n,A(e,4),t,i,Vn)}function yh(n,e,t){var r=S(n)?Ol:oa,i=arguments.length<3;return r(n,A(e,4),t,i,Ta)}function kh(n,e){var t=S(n)?Yn:La;return t(n,Xt(A(e,3)))}function Ih(n){var e=S(n)?ka:_c;return e(n)}function Sh(n,e,t){(t?j(n,e,t):e===o)?e=1:e=R(e);var r=S(n)?Yo:mc;return r(n,e)}function Rh(n){var e=S(n)?zo:Nc;return e(n)}function Th(n){if(n==null)return 0;if(tn(n))return Vt(n)?ye(n):n.length;var e=Q(n);return e==An||e==yn?n.size:Gr(n).length}function Lh(n,e,t){var r=S(n)?yr:wc;return t&&j(n,e,t)&&(e=o),r(n,A(e,3))}var bh=L(function(n,e){if(n==null)return[];var t=e.length;return t>1&&j(n,e[0],e[1])?e=[]:t>2&&j(e[0],e[1],e[2])&&(e=[e[0]]),Ma(n,Z(e,1),[])}),zt=lo||function(){return Y.Date.now()};function Ch(n,e){if(typeof e!="function")throw new _n(J);return n=R(n),function(){if(--n<1)return e.apply(this,arguments)}}function Ou(n,e,t){return e=t?o:e,e=n&&e==null?n.length:e,Mn(n,Wn,o,o,o,o,e)}function Wu(n,e){var t;if(typeof e!="function")throw new _n(J);return n=R(n),function(){return--n>0&&(t=e.apply(this,arguments)),n<=1&&(e=o),t}}var fi=L(function(n,e,t){var r=pn;if(t.length){var i=Zn(t,be(fi));r|=Ln}return Mn(n,r,e,t,i)}),Du=L(function(n,e,t){var r=pn|re;if(t.length){var i=Zn(t,be(Du));r|=Ln}return Mn(e,r,n,t,i)});function Pu(n,e,t){e=t?o:e;var r=Mn(n,Tn,o,o,o,o,o,e);return r.placeholder=Pu.placeholder,r}function Bu(n,e,t){e=t?o:e;var r=Mn(n,_e,o,o,o,o,o,e);return r.placeholder=Bu.placeholder,r}function Fu(n,e,t){var r,i,l,c,f,p,_=0,m=!1,v=!1,N=!0;if(typeof n!="function")throw new _n(J);e=xn(e)||0,U(t)&&(m=!!t.leading,v="maxWait"in t,l=v?q(xn(t.maxWait)||0,e):l,N="trailing"in t?!!t.trailing:N);function x(K){var Rn=r,$n=i;return r=i=o,_=K,c=n.apply($n,Rn),c}function y(K){return _=K,f=et(b,e),m?x(K):c}function T(K){var Rn=K-p,$n=K-_,rs=e-Rn;return v?X(rs,l-$n):rs}function k(K){var Rn=K-p,$n=K-_;return p===o||Rn>=e||Rn<0||v&&$n>=l}function b(){var K=zt();if(k(K))return E(K);f=et(b,T(K))}function E(K){return f=o,N&&r?x(K):(r=i=o,c)}function cn(){f!==o&&za(f),_=0,r=p=i=f=o}function nn(){return f===o?c:E(zt())}function fn(){var K=zt(),Rn=k(K);if(r=arguments,i=this,p=K,Rn){if(f===o)return y(p);if(v)return za(f),f=et(b,e),x(p)}return f===o&&(f=et(b,e)),c}return fn.cancel=cn,fn.flush=nn,fn}var Eh=L(function(n,e){return Ra(n,1,e)}),Oh=L(function(n,e,t){return Ra(n,xn(e)||0,t)});function Wh(n){return Mn(n,tr)}function Zt(n,e){if(typeof n!="function"||e!=null&&typeof e!="function")throw new _n(J);var t=function(){var r=arguments,i=e?e.apply(this,r):r[0],l=t.cache;if(l.has(i))return l.get(i);var c=n.apply(this,r);return t.cache=l.set(i,c)||l,c};return t.cache=new(Zt.Cache||Bn),t}Zt.Cache=Bn;function Xt(n){if(typeof n!="function")throw new _n(J);return function(){var e=arguments;switch(e.length){case 0:return!n.call(this);case 1:return!n.call(this,e[0]);case 2:return!n.call(this,e[0],e[1]);case 3:return!n.call(this,e[0],e[1],e[2])}return!n.apply(this,e)}}function Dh(n){return Wu(2,n)}var Ph=xc(function(n,e){e=e.length==1&&S(e[0])?M(e[0],sn(A())):M(Z(e,1),sn(A()));var t=e.length;return L(function(r){for(var i=-1,l=X(r.length,t);++i=e}),pe=Ea(function(){return arguments}())?Ea:function(n){return G(n)&&D.call(n,"callee")&&!va.call(n,"callee")},S=d.isArray,Qh=ji?sn(ji):ic;function tn(n){return n!=null&&Qt(n.length)&&!Hn(n)}function H(n){return G(n)&&tn(n)}function Vh(n){return n===!0||n===!1||G(n)&&V(n)==De}var te=co||yi,jh=na?sn(na):ac;function np(n){return G(n)&&n.nodeType===1&&!tt(n)}function ep(n){if(n==null)return!0;if(tn(n)&&(S(n)||typeof n=="string"||typeof n.splice=="function"||te(n)||Ce(n)||pe(n)))return!n.length;var e=Q(n);if(e==An||e==yn)return!n.size;if(nt(n))return!Gr(n).length;for(var t in n)if(D.call(n,t))return!1;return!0}function tp(n,e){return Qe(n,e)}function rp(n,e,t){t=typeof t=="function"?t:o;var r=t?t(n,e):o;return r===o?Qe(n,e,o,t):!!r}function pi(n){if(!G(n))return!1;var e=V(n);return e==ot||e==ks||typeof n.message=="string"&&typeof n.name=="string"&&!tt(n)}function ip(n){return typeof n=="number"&&wa(n)}function Hn(n){if(!U(n))return!1;var e=V(n);return e==ct||e==Ri||e==ys||e==Ss}function Uu(n){return typeof n=="number"&&n==R(n)}function Qt(n){return typeof n=="number"&&n>-1&&n%1==0&&n<=Jn}function U(n){var e=typeof n;return n!=null&&(e=="object"||e=="function")}function G(n){return n!=null&&typeof n=="object"}var Gu=ea?sn(ea):sc;function ap(n,e){return n===e||Ur(n,e,ri(e))}function up(n,e,t){return t=typeof t=="function"?t:o,Ur(n,e,ri(e),t)}function sp(n){return Hu(n)&&n!=+n}function lp(n){if($c(n))throw new I(it);return Oa(n)}function op(n){return n===null}function cp(n){return n==null}function Hu(n){return typeof n=="number"||G(n)&&V(n)==Be}function tt(n){if(!G(n)||V(n)!=Dn)return!1;var e=kt(n);if(e===null)return!0;var t=D.call(e,"constructor")&&e.constructor;return typeof t=="function"&&t instanceof t&&wt.call(t)==io}var di=ta?sn(ta):lc;function fp(n){return Uu(n)&&n>=-Jn&&n<=Jn}var Ku=ra?sn(ra):oc;function Vt(n){return typeof n=="string"||!S(n)&&G(n)&&V(n)==Me}function on(n){return typeof n=="symbol"||G(n)&&V(n)==ft}var Ce=ia?sn(ia):cc;function hp(n){return n===o}function pp(n){return G(n)&&Q(n)==Ue}function dp(n){return G(n)&&V(n)==Ts}var gp=Ht(Hr),_p=Ht(function(n,e){return n<=e});function $u(n){if(!n)return[];if(tn(n))return Vt(n)?kn(n):en(n);if(Ke&&n[Ke])return Jl(n[Ke]());var e=Q(n),t=e==An?Lr:e==yn?mt:Ee;return t(n)}function Kn(n){if(!n)return n===0?n:0;if(n=xn(n),n===ie||n===-ie){var e=n<0?-1:1;return e*Ns}return n===n?n:0}function R(n){var e=Kn(n),t=e%1;return e===e?t?e-t:e:0}function qu(n){return n?oe(R(n),0,bn):0}function xn(n){if(typeof n=="number")return n;if(on(n))return st;if(U(n)){var e=typeof n.valueOf=="function"?n.valueOf():n;n=U(e)?e+"":e}if(typeof n!="string")return n===0?n:+n;n=ca(n);var t=Zs.test(n);return t||Qs.test(n)?Ll(n.slice(2),t?2:8):zs.test(n)?st:+n}function Ju(n){return En(n,rn(n))}function mp(n){return n?oe(R(n),-Jn,Jn):n===0?n:0}function W(n){return n==null?"":ln(n)}var vp=Te(function(n,e){if(nt(e)||tn(e)){En(e,z(e),n);return}for(var t in e)D.call(e,t)&&ze(n,t,e[t])}),Yu=Te(function(n,e){En(e,rn(e),n)}),jt=Te(function(n,e,t,r){En(e,rn(e),n,r)}),Np=Te(function(n,e,t,r){En(e,z(e),n,r)}),wp=Un(Dr);function xp(n,e){var t=Re(n);return e==null?t:Ia(t,e)}var Ap=L(function(n,e){n=P(n);var t=-1,r=e.length,i=r>2?e[2]:o;for(i&&j(e[0],e[1],i)&&(r=1);++t1),l}),En(n,ei(n),t),r&&(t=vn(t,qn|ki|de,Ec));for(var i=e.length;i--;)Yr(t,e[i]);return t});function Up(n,e){return Zu(n,Xt(A(e)))}var Gp=Un(function(n,e){return n==null?{}:pc(n,e)});function Zu(n,e){if(n==null)return{};var t=M(ei(n),function(r){return[r]});return e=A(e),Ua(n,t,function(r,i){return e(r,i[0])})}function Hp(n,e,t){e=ne(e,n);var r=-1,i=e.length;for(i||(i=1,n=o);++re){var r=n;n=e,e=r}if(t||n%1||e%1){var i=xa();return X(n+i*(e-n+Tl("1e-"+((i+"").length-1))),e)}return $r(n,e)}var jp=Le(function(n,e,t){return e=e.toLowerCase(),n+(t?Vu(e):e)});function Vu(n){return mi(W(n).toLowerCase())}function ju(n){return n=W(n),n&&n.replace(js,Gl).replace(vl,"")}function nd(n,e,t){n=W(n),e=ln(e);var r=n.length;t=t===o?r:oe(R(t),0,r);var i=t;return t-=e.length,t>=0&&n.slice(t,i)==e}function ed(n){return n=W(n),n&&Os.test(n)?n.replace(bi,Hl):n}function td(n){return n=W(n),n&&Ms.test(n)?n.replace(hr,"\\$&"):n}var rd=Le(function(n,e,t){return n+(t?"-":"")+e.toLowerCase()}),id=Le(function(n,e,t){return n+(t?" ":"")+e.toLowerCase()}),ad=tu("toLowerCase");function ud(n,e,t){n=W(n),e=R(e);var r=e?ye(n):0;if(!e||r>=e)return n;var i=(e-r)/2;return Gt(Tt(i),t)+n+Gt(Rt(i),t)}function sd(n,e,t){n=W(n),e=R(e);var r=e?ye(n):0;return e&&r>>0,t?(n=W(n),n&&(typeof e=="string"||e!=null&&!di(e))&&(e=ln(e),!e&&Ae(n))?ee(kn(n),0,t):n.split(e,t)):[]}var dd=Le(function(n,e,t){return n+(t?" ":"")+mi(e)});function gd(n,e,t){return n=W(n),t=t==null?0:oe(R(t),0,n.length),e=ln(e),n.slice(t,t+e.length)==e}function _d(n,e,t){var r=s.templateSettings;t&&j(n,e,t)&&(e=o),n=W(n),e=jt({},e,r,ou);var i=jt({},e.imports,r.imports,ou),l=z(i),c=Tr(i,l),f,p,_=0,m=e.interpolate||ht,v="__p += '",N=br((e.escape||ht).source+"|"+m.source+"|"+(m===Ci?Ys:ht).source+"|"+(e.evaluate||ht).source+"|$","g"),x="//# sourceURL="+(D.call(e,"sourceURL")?(e.sourceURL+"").replace(/\s/g," "):"lodash.templateSources["+ ++yl+"]")+` `;n.replace(N,function(k,b,E,cn,nn,fn){return E||(E=cn),v+=n.slice(_,fn).replace(nl,Kl),b&&(f=!0,v+=`' + __e(`+b+`) + '`),nn&&(p=!0,v+=`'; `+nn+`; __p += '`),E&&(v+=`' + ((__t = (`+E+`)) == null ? '' : __t) + '`),_=fn+k.length,k}),v+=`'; `;var y=D.call(e,"variable")&&e.variable;if(!y)v=`with (obj) { `+v+` } `;else if(qs.test(y))throw new I(fs);v=(p?v.replace(Ls,""):v).replace(bs,"$1").replace(Cs,"$1;"),v="function("+(y||"obj")+`) { `+(y?"":`obj || (obj = {}); `)+"var __t, __p = ''"+(f?", __e = _.escape":"")+(p?`, __j = Array.prototype.join; function print() { __p += __j.call(arguments, '') } `:`; `)+v+`return __p }`;var T=es(function(){return O(l,x+"return "+v).apply(o,c)});if(T.source=v,pi(T))throw T;return T}function md(n){return W(n).toLowerCase()}function vd(n){return W(n).toUpperCase()}function Nd(n,e,t){if(n=W(n),n&&(t||e===o))return ca(n);if(!n||!(e=ln(e)))return n;var r=kn(n),i=kn(e),l=fa(r,i),c=ha(r,i)+1;return ee(r,l,c).join("")}function wd(n,e,t){if(n=W(n),n&&(t||e===o))return n.slice(0,da(n)+1);if(!n||!(e=ln(e)))return n;var r=kn(n),i=ha(r,kn(e))+1;return ee(r,0,i).join("")}function xd(n,e,t){if(n=W(n),n&&(t||e===o))return n.replace(pr,"");if(!n||!(e=ln(e)))return n;var r=kn(n),i=fa(r,kn(e));return ee(r,i).join("")}function Ad(n,e){var t=ps,r=ds;if(U(e)){var i="separator"in e?e.separator:i;t="length"in e?R(e.length):t,r="omission"in e?ln(e.omission):r}n=W(n);var l=n.length;if(Ae(n)){var c=kn(n);l=c.length}if(t>=l)return n;var f=t-ye(r);if(f<1)return r;var p=c?ee(c,0,f).join(""):n.slice(0,f);if(i===o)return p+r;if(c&&(f+=p.length-f),di(i)){if(n.slice(f).search(i)){var _,m=p;for(i.global||(i=br(i.source,W(Ei.exec(i))+"g")),i.lastIndex=0;_=i.exec(m);)var v=_.index;p=p.slice(0,v===o?f:v)}}else if(n.indexOf(ln(i),f)!=f){var N=p.lastIndexOf(i);N>-1&&(p=p.slice(0,N))}return p+r}function yd(n){return n=W(n),n&&Es.test(n)?n.replace(Li,Xl):n}var kd=Le(function(n,e,t){return n+(t?" ":"")+e.toUpperCase()}),mi=tu("toUpperCase");function ns(n,e,t){return n=W(n),e=t?o:e,e===o?ql(n)?jl(n):Pl(n):n.match(e)||[]}var es=L(function(n,e){try{return un(n,o,e)}catch(t){return pi(t)?t:new I(t)}}),Id=Un(function(n,e){return gn(e,function(t){t=On(t),Fn(n,t,fi(n[t],n))}),n});function Sd(n){var e=n==null?0:n.length,t=A();return n=e?M(n,function(r){if(typeof r[1]!="function")throw new _n(J);return[t(r[0]),r[1]]}):[],L(function(r){for(var i=-1;++iJn)return[];var t=bn,r=X(n,bn);e=A(e),n-=bn;for(var i=Rr(r,e);++t0||e<0)?new C(t):(n<0?t=t.takeRight(-n):n&&(t=t.drop(n)),e!==o&&(e=R(e),t=e<0?t.dropRight(-e):t.take(e-n)),t)},C.prototype.takeRightWhile=function(n){return this.reverse().takeWhile(n).reverse()},C.prototype.toArray=function(){return this.take(bn)},Cn(C.prototype,function(n,e){var t=/^(?:filter|find|map|reject)|While$/.test(e),r=/^(?:head|last)$/.test(e),i=s[r?"take"+(e=="last"?"Right":""):e],l=r||/^find/.test(e);i&&(s.prototype[e]=function(){var c=this.__wrapped__,f=r?[1]:arguments,p=c instanceof C,_=f[0],m=p||S(c),v=function(b){var E=i.apply(s,zn([b],f));return r&&N?E[0]:E};m&&t&&typeof _=="function"&&_.length!=1&&(p=m=!1);var N=this.__chain__,x=!!this.__actions__.length,y=l&&!N,T=p&&!x;if(!l&&m){c=T?c:new C(this);var k=n.apply(c,f);return k.__actions__.push({func:Jt,args:[v],thisArg:o}),new mn(k,N)}return y&&T?n.apply(this,f):(k=this.thru(v),y?r?k.value()[0]:k.value():k)})}),gn(["pop","push","shift","sort","splice","unshift"],function(n){var e=vt[n],t=/^(?:push|sort|unshift)$/.test(n)?"tap":"thru",r=/^(?:pop|shift)$/.test(n);s.prototype[n]=function(){var i=arguments;if(r&&!this.__chain__){var l=this.value();return e.apply(S(l)?l:[],i)}return this[t](function(c){return e.apply(S(c)?c:[],i)})}}),Cn(C.prototype,function(n,e){var t=s[e];if(t){var r=t.name+"";D.call(Se,r)||(Se[r]=[]),Se[r].push({name:e,func:t})}}),Se[Mt(o,re).name]=[{name:"wrapper",func:o}],C.prototype.clone=Ao,C.prototype.reverse=yo,C.prototype.value=ko,s.prototype.at=nh,s.prototype.chain=eh,s.prototype.commit=th,s.prototype.next=rh,s.prototype.plant=ah,s.prototype.reverse=uh,s.prototype.toJSON=s.prototype.valueOf=s.prototype.value=sh,s.prototype.first=s.prototype.head,Ke&&(s.prototype[Ke]=ih),s},Xn=no();typeof define=="function"&&typeof define.amd=="object"&&define.amd?(Y._=Xn,define(function(){return Xn})):ae?((ae.exports=Xn)._=Xn,Nr._=Xn):Y._=Xn}).call(Oe)});var xg={};gg(xg,{default:()=>wg,frontmatter:()=>vg});var u=us(ls());var mg=us(os());var vg={title:"Logical Operators in JavaScript",date:"2023-07-18",lastmod:"2023-07-18",tags:["javascript"],summary:"Understanding logical operators in JavaScript and their usage in conditional statements. Learn how to use OR (||), AND (&&), Not (!), and Nullish Coalescing (??) operators effectively.",layout:"PostSimple"};function cs(o){let a=Object.assign({p:"p",h2:"h2",a:"a",span:"span",code:"code",h3:"h3",pre:"pre",ul:"ul",li:"li",em:"em",ol:"ol"},o.components);return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(a.p,{children:"Understanding logical operators is essential for developers to write clear and efficient JavaScript code. Your code will become more flexible and potent as a result of these operators' ability to combine and evaluate various circumstances. The four most used logical operators in JavaScript will be examined in this blog post, and their behaviors will be clarified."}),(0,u.jsxs)(a.h2,{id:"introduction",children:[(0,u.jsx)(a.a,{href:"#introduction","aria-hidden":"true",tabIndex:"-1",children:(0,u.jsx)(a.span,{className:"icon icon-link"})}),"Introduction"]}),(0,u.jsx)(a.p,{children:`At the outset of this blog, I want to admit that many developers, including myself, find the terms "&&" and "||" to be confusing. In order to clarify these ideas and assist those who might also find them difficult, this blog was established. Let's get started and dispel any myths regarding these operators!`}),(0,u.jsxs)(a.p,{children:["In classical programming, the logical OR is meant to manipulate boolean values only. If any of its arguments are ",(0,u.jsx)(a.code,{children:"true"}),", it returns ",(0,u.jsx)(a.code,{children:"true"}),"; otherwise, it returns ",(0,u.jsx)(a.code,{children:"false"}),". In JavaScript, it is a bit trickier and more powerful."]}),(0,u.jsxs)(a.h3,{id:"using--in-conditional-statements",children:[(0,u.jsx)(a.a,{href:"#using--in-conditional-statements","aria-hidden":"true",tabIndex:"-1",children:(0,u.jsx)(a.span,{className:"icon icon-link"})}),"Using || in Conditional Statements"]}),(0,u.jsxs)(a.p,{children:["Most of the time, ",(0,u.jsx)(a.code,{children:"OR"})," is used in conditional statements to find truthy values. In other words, a chain of ",(0,u.jsx)(a.code,{children:"OR ||"})," returns the first truthy value, or the last one if no truthy value is found."]}),(0,u.jsx)(a.pre,{className:"language-js",children:(0,u.jsxs)(a.code,{className:"language-js code-highlight",children:[(0,u.jsxs)(a.span,{className:"code-line",children:[(0,u.jsx)(a.span,{className:"token keyword",children:"let"})," result ",(0,u.jsx)(a.span,{className:"token operator",children:"="})," name ",(0,u.jsx)(a.span,{className:"token operator",children:"||"})," age ",(0,u.jsx)(a.span,{className:"token operator",children:"||"})," city",(0,u.jsx)(a.span,{className:"token punctuation",children:";"}),` `]}),(0,u.jsxs)(a.span,{className:"code-line",children:[(0,u.jsx)(a.span,{className:"token comment",children:"// 1. This evaluates the operands from left to right."}),` `]}),(0,u.jsxs)(a.span,{className:"code-line",children:[(0,u.jsx)(a.span,{className:"token comment",children:"// 2. For each operand, it converts it to a boolean. If the result is true, it stops and returns the original value of the operand."}),` `]}),(0,u.jsxs)(a.span,{className:"code-line",children:[(0,u.jsx)(a.span,{className:"token comment",children:"// 3. If all operands have been evaluated (i.e., all were false), it returns the last operand."}),` `]}),(0,u.jsx)(a.span,{className:"code-line",children:` `}),(0,u.jsxs)(a.span,{className:"code-line",children:[(0,u.jsx)(a.span,{className:"token function",children:"alert"}),(0,u.jsx)(a.span,{className:"token punctuation",children:"("}),(0,u.jsx)(a.span,{className:"token string",children:'"John"'})," ",(0,u.jsx)(a.span,{className:"token operator",children:"||"})," ",(0,u.jsx)(a.span,{className:"token string",children:'"25"'})," ",(0,u.jsx)(a.span,{className:"token operator",children:"||"})," ",(0,u.jsx)(a.span,{className:"token string",children:'"New York"'}),(0,u.jsx)(a.span,{className:"token punctuation",children:")"}),(0,u.jsx)(a.span,{className:"token punctuation",children:";"})," ",(0,u.jsx)(a.span,{className:"token comment",children:'// "John" (the first truthy value)'}),` `]}),(0,u.jsxs)(a.span,{className:"code-line",children:[(0,u.jsx)(a.span,{className:"token function",children:"alert"}),(0,u.jsx)(a.span,{className:"token punctuation",children:"("}),(0,u.jsx)(a.span,{className:"token string",children:'""'})," ",(0,u.jsx)(a.span,{className:"token operator",children:"||"})," ",(0,u.jsx)(a.span,{className:"token string",children:'"25"'})," ",(0,u.jsx)(a.span,{className:"token operator",children:"||"})," ",(0,u.jsx)(a.span,{className:"token string",children:'"New York"'}),(0,u.jsx)(a.span,{className:"token punctuation",children:")"}),(0,u.jsx)(a.span,{className:"token punctuation",children:";"})," ",(0,u.jsx)(a.span,{className:"token comment",children:'// "25" (the second truthy value)'}),` `]}),(0,u.jsxs)(a.span,{className:"code-line",children:[(0,u.jsx)(a.span,{className:"token function",children:"alert"}),(0,u.jsx)(a.span,{className:"token punctuation",children:"("}),(0,u.jsx)(a.span,{className:"token string",children:'""'})," ",(0,u.jsx)(a.span,{className:"token operator",children:"||"})," ",(0,u.jsx)(a.span,{className:"token number",children:"0"})," ",(0,u.jsx)(a.span,{className:"token operator",children:"||"})," ",(0,u.jsx)(a.span,{className:"token string",children:'"New York"'}),(0,u.jsx)(a.span,{className:"token punctuation",children:")"}),(0,u.jsx)(a.span,{className:"token punctuation",children:";"})," ",(0,u.jsx)(a.span,{className:"token comment",children:'// "New York" (the last truthy value)'}),` `]}),(0,u.jsxs)(a.span,{className:"code-line",children:[(0,u.jsx)(a.span,{className:"token function",children:"alert"}),(0,u.jsx)(a.span,{className:"token punctuation",children:"("}),(0,u.jsx)(a.span,{className:"token string",children:'""'})," ",(0,u.jsx)(a.span,{className:"token operator",children:"||"})," ",(0,u.jsx)(a.span,{className:"token number",children:"0"})," ",(0,u.jsx)(a.span,{className:"token operator",children:"||"})," ",(0,u.jsx)(a.span,{className:"token keyword nil null",children:"null"}),(0,u.jsx)(a.span,{className:"token punctuation",children:")"}),(0,u.jsx)(a.span,{className:"token punctuation",children:";"})," ",(0,u.jsx)(a.span,{className:"token comment",children:"// null (all falsy, returns the last value)"}),` `]})]})}),(0,u.jsxs)(a.h3,{id:"short-circuit-evaluation-with-",children:[(0,u.jsx)(a.a,{href:"#short-circuit-evaluation-with-","aria-hidden":"true",tabIndex:"-1",children:(0,u.jsx)(a.span,{className:"icon icon-link"})}),"Short-Circuit Evaluation with ||"]}),(0,u.jsxs)(a.p,{children:["Another feature of the ",(0,u.jsx)(a.code,{children:"OR ||"}),' operator is the so-called "short-circuit" evaluation. It means that ',(0,u.jsx)(a.code,{children:"||"})," processes its arguments until the first truthy value is reached, and then the value is returned immediately, without even touching the other argument."]}),(0,u.jsx)(a.p,{children:"The importance of this feature becomes obvious if an operand isn't just a value, but an expression with a side effect, such as a variable assignment or a function call."}),(0,u.jsx)(a.p,{children:"In the example below, only the second message is printed:"}),(0,u.jsx)(a.pre,{className:"language-js",children:(0,u.jsxs)(a.code,{className:"language-js code-highlight",children:[(0,u.jsxs)(a.span,{className:"code-line",children:[(0,u.jsx)(a.span,{className:"token boolean",children:"true"})," ",(0,u.jsx)(a.span,{className:"token operator",children:"||"})," ",(0,u.jsx)(a.span,{className:"token function",children:"alert"}),(0,u.jsx)(a.span,{className:"token punctuation",children:"("}),(0,u.jsx)(a.span,{className:"token string",children:'"not printed"'}),(0,u.jsx)(a.span,{className:"token punctuation",children:")"}),(0,u.jsx)(a.span,{className:"token punctuation",children:";"}),` `]}),(0,u.jsxs)(a.span,{className:"code-line",children:[(0,u.jsx)(a.span,{className:"token boolean",children:"false"})," ",(0,u.jsx)(a.span,{className:"token operator",children:"||"})," ",(0,u.jsx)(a.span,{className:"token function",children:"alert"}),(0,u.jsx)(a.span,{className:"token punctuation",children:"("}),(0,u.jsx)(a.span,{className:"token string",children:'"printed"'}),(0,u.jsx)(a.span,{className:"token punctuation",children:")"}),(0,u.jsx)(a.span,{className:"token punctuation",children:";"}),` `]})]})}),(0,u.jsxs)(a.h2,{id:"-and",children:[(0,u.jsx)(a.a,{href:"#-and","aria-hidden":"true",tabIndex:"-1",children:(0,u.jsx)(a.span,{className:"icon icon-link"})}),"&& (AND)"]}),(0,u.jsxs)(a.p,{children:["Represented with ampersands, the ",(0,u.jsx)(a.code,{children:"AND"})," operator returns ",(0,u.jsx)(a.code,{children:"true"})," if both operands are truthy, and ",(0,u.jsx)(a.code,{children:"false"})," otherwise. Unlike ",(0,u.jsx)(a.code,{children:"OR"}),", ",(0,u.jsx)(a.code,{children:"&&"})," finds the first falsy value or the last value if none were found."]}),(0,u.jsx)(a.pre,{className:"language-js",children:(0,u.jsxs)(a.code,{className:"language-js code-highlight",children:[(0,u.jsxs)(a.span,{className:"code-line",children:[(0,u.jsx)(a.span,{className:"token keyword",children:"let"})," result ",(0,u.jsx)(a.span,{className:"token operator",children:"="})," email ",(0,u.jsx)(a.span,{className:"token operator",children:"&&"})," username ",(0,u.jsx)(a.span,{className:"token operator",children:"&&"})," age",(0,u.jsx)(a.span,{className:"token punctuation",children:";"}),` `]}),(0,u.jsxs)(a.span,{className:"code-line",children:[(0,u.jsx)(a.span,{className:"token comment",children:"// 1. Evaluates operands from left to right."}),` `]}),(0,u.jsxs)(a.span,{className:"code-line",children:[(0,u.jsx)(a.span,{className:"token comment",children:"// 2. For each operand, it converts it to a boolean. If the result is false, it stops and returns the original value of that operand."}),` `]}),(0,u.jsxs)(a.span,{className:"code-line",children:[(0,u.jsx)(a.span,{className:"token comment",children:"// 3. If all operands have been evaluated (i.e., all were truthy), it returns the last operand."}),` `]})]})}),(0,u.jsx)(a.pre,{className:"language-js",children:(0,u.jsxs)(a.code,{className:"language-js code-highlight",children:[(0,u.jsxs)(a.span,{className:"code-line",children:[(0,u.jsx)(a.span,{className:"token comment",children:"// if the first operand is truthy,"}),` `]}),(0,u.jsxs)(a.span,{className:"code-line",children:[(0,u.jsx)(a.span,{className:"token comment",children:"// AND returns the second operand:"}),` `]}),(0,u.jsxs)(a.span,{className:"code-line",children:[(0,u.jsx)(a.span,{className:"token function",children:"alert"}),(0,u.jsx)(a.span,{className:"token punctuation",children:"("}),(0,u.jsx)(a.span,{className:"token string",children:'"John"'})," ",(0,u.jsx)(a.span,{className:"token operator",children:"&&"})," ",(0,u.jsx)(a.span,{className:"token string",children:'"25"'}),(0,u.jsx)(a.span,{className:"token punctuation",children:")"}),(0,u.jsx)(a.span,{className:"token punctuation",children:";"})," ",(0,u.jsx)(a.span,{className:"token comment",children:'// "25" (the second truthy value)'}),` `]}),(0,u.jsx)(a.span,{className:"code-line",children:` `}),(0,u.jsxs)(a.span,{className:"code-line",children:[(0,u.jsx)(a.span,{className:"token comment",children:"// if the first operand is falsy,"}),` `]}),(0,u.jsxs)(a.span,{className:"code-line",children:[(0,u.jsx)(a.span,{className:"token comment",children:"// AND returns it. The second operand is ignored."}),` `]}),(0,u.jsxs)(a.span,{className:"code-line",children:[(0,u.jsx)(a.span,{className:"token function",children:"alert"}),(0,u.jsx)(a.span,{className:"token punctuation",children:"("}),(0,u.jsx)(a.span,{className:"token string",children:'""'})," ",(0,u.jsx)(a.span,{className:"token operator",children:"&&"})," ",(0,u.jsx)(a.span,{className:"token string",children:'"25"'}),(0,u.jsx)(a.span,{className:"token punctuation",children:")"}),(0,u.jsx)(a.span,{className:"token punctuation",children:";"})," ",(0,u.jsx)(a.span,{className:"token comment",children:'// "" (the first falsy value)'}),` `]}),(0,u.jsxs)(a.span,{className:"code-line",children:[(0,u.jsx)(a.span,{className:"token function",children:"alert"}),(0,u.jsx)(a.span,{className:"token punctuation",children:"("}),(0,u.jsx)(a.span,{className:"token number",children:"0"})," ",(0,u.jsx)(a.span,{className:"token operator",children:"&&"})," ",(0,u.jsx)(a.span,{className:"token string",children:'"New York"'}),(0,u.jsx)(a.span,{className:"token punctuation",children:")"}),(0,u.jsx)(a.span,{className:"token punctuation",children:";"})," ",(0,u.jsx)(a.span,{className:"token comment",children:"// 0 (the first falsy value)"}),` `]}),(0,u.jsx)(a.span,{className:"code-line",children:` `}),(0,u.jsxs)(a.span,{className:"code-line",children:[(0,u.jsx)(a.span,{className:"token function",children:"alert"}),(0,u.jsx)(a.span,{className:"token punctuation",children:"("}),(0,u.jsx)(a.span,{className:"token string",children:'"John"'})," ",(0,u.jsx)(a.span,{className:"token operator",children:"&&"})," ",(0,u.jsx)(a.span,{className:"token string",children:'"Doe"'})," ",(0,u.jsx)(a.span,{className:"token operator",children:"&&"})," ",(0,u.jsx)(a.span,{className:"token string",children:'""'})," ",(0,u.jsx)(a.span,{className:"token operator",children:"&&"})," ",(0,u.jsx)(a.span,{className:"token string",children:'"New York"'}),(0,u.jsx)(a.span,{className:"token punctuation",children:")"}),(0,u.jsx)(a.span,{className:"token punctuation",children:";"})," ",(0,u.jsx)(a.span,{className:"token comment",children:'// "" (the first falsy value)'}),` `]}),(0,u.jsxs)(a.span,{className:"code-line",children:[(0,u.jsx)(a.span,{className:"token function",children:"alert"}),(0,u.jsx)(a.span,{className:"token punctuation",children:"("}),(0,u.jsx)(a.span,{className:"token string",children:'"John"'})," ",(0,u.jsx)(a.span,{className:"token operator",children:"&&"})," ",(0,u.jsx)(a.span,{className:"token string",children:'"Doe"'})," ",(0,u.jsx)(a.span,{className:"token operator",children:"&&"})," ",(0,u.jsx)(a.span,{className:"token string",children:'"25"'}),(0,u.jsx)(a.span,{className:"token punctuation",children:")"}),(0,u.jsx)(a.span,{className:"token punctuation",children:";"})," ",(0,u.jsx)(a.span,{className:"token comment",children:'// "25" (the last one, all were truthy)'}),` `]})]})}),(0,u.jsxs)(a.p,{children:["The precedence of ",(0,u.jsx)(a.code,{children:"&&"})," is greater than ",(0,u.jsx)(a.code,{children:"||"}),"."]}),(0,u.jsxs)(a.h2,{id:"-not",children:[(0,u.jsx)(a.a,{href:"#-not","aria-hidden":"true",tabIndex:"-1",children:(0,u.jsx)(a.span,{className:"icon icon-link"})}),"! (Not)"]}),(0,u.jsxs)(a.p,{children:["The ",(0,u.jsx)(a.code,{children:"!"})," operator is used to negate a boolean value. It turns ",(0,u.jsx)(a.code,{children:"true"})," into ",(0,u.jsx)(a.code,{children:"false"})," and ",(0,u.jsx)(a.code,{children:"false"})," into ",(0,u.jsx)(a.code,{children:"true"}),"."]}),(0,u.jsx)(a.pre,{className:"language-js",children:(0,u.jsxs)(a.code,{className:"language-js code-highlight",children:[(0,u.jsxs)(a.span,{className:"code-line",children:[(0,u.jsx)(a.span,{className:"token function",children:"alert"}),(0,u.jsx)(a.span,{className:"token punctuation",children:"("}),(0,u.jsx)(a.span,{className:"token operator",children:"!"}),(0,u.jsx)(a.span,{className:"token boolean",children:"true"}),(0,u.jsx)(a.span,{className:"token punctuation",children:")"}),(0,u.jsx)(a.span,{className:"token punctuation",children:";"})," ",(0,u.jsx)(a.span,{className:"token comment",children:"// false"}),` `]}),(0,u.jsxs)(a.span,{className:"code-line",children:[(0,u.jsx)(a.span,{className:"token function",children:"alert"}),(0,u.jsx)(a.span,{className:"token punctuation",children:"("}),(0,u.jsx)(a.span,{className:"token operator",children:"!"}),(0,u.jsx)(a.span,{className:"token string",children:'"John"'}),(0,u.jsx)(a.span,{className:"token punctuation",children:")"}),(0,u.jsx)(a.span,{className:"token punctuation",children:";"})," ",(0,u.jsx)(a.span,{className:"token comment",children:"// false"}),` `]}),(0,u.jsxs)(a.span,{className:"code-line",children:[(0,u.jsx)(a.span,{className:"token function",children:"alert"}),(0,u.jsx)(a.span,{className:"token punctuation",children:"("}),(0,u.jsx)(a.span,{className:"token operator",children:"!"}),(0,u.jsx)(a.span,{className:"token number",children:"0"}),(0,u.jsx)(a.span,{className:"token punctuation",children:")"}),(0,u.jsx)(a.span,{className:"token punctuation",children:";"})," ",(0,u.jsx)(a.span,{className:"token comment",children:"// true"}),` `]}),(0,u.jsxs)(a.span,{className:"code-line",children:[(0,u.jsx)(a.span,{className:"token function",children:"alert"}),(0,u.jsx)(a.span,{className:"token punctuation",children:"("}),(0,u.jsx)(a.span,{className:"token operator",children:"!"}),(0,u.jsx)(a.span,{className:"token string",children:'""'}),(0,u.jsx)(a.span,{className:"token punctuation",children:")"}),(0,u.jsx)(a.span,{className:"token punctuation",children:";"})," ",(0,u.jsx)(a.span,{className:"token comment",children:"// true"}),` `]}),(0,u.jsx)(a.span,{className:"code-line",children:` `}),(0,u.jsxs)(a.span,{className:"code-line",children:[(0,u.jsx)(a.span,{className:"token comment",children:"// Double NOT !! is sometimes used to convert values to a boolean type"}),` `]}),(0,u.jsxs)(a.span,{className:"code-line",children:[(0,u.jsx)(a.span,{className:"token function",children:"alert"}),(0,u.jsx)(a.span,{className:"token punctuation",children:"("}),(0,u.jsx)(a.span,{className:"token operator",children:"!"}),(0,u.jsx)(a.span,{className:"token operator",children:"!"}),(0,u.jsx)(a.span,{className:"token string",children:'"non-empty string"'}),(0,u.jsx)(a.span,{className:"token punctuation",children:")"}),(0,u.jsx)(a.span,{className:"token punctuation",children:";"})," ",(0,u.jsx)(a.span,{className:"token comment",children:"// true"}),` `]}),(0,u.jsxs)(a.span,{className:"code-line",children:[(0,u.jsx)(a.span,{className:"token function",children:"alert"}),(0,u.jsx)(a.span,{className:"token punctuation",children:"("}),(0,u.jsx)(a.span,{className:"token operator",children:"!"}),(0,u.jsx)(a.span,{className:"token operator",children:"!"}),(0,u.jsx)(a.span,{className:"token keyword nil null",children:"null"}),(0,u.jsx)(a.span,{className:"token punctuation",children:")"}),(0,u.jsx)(a.span,{className:"token punctuation",children:";"})," ",(0,u.jsx)(a.span,{className:"token comment",children:"// false"}),` `]})]})}),(0,u.jsxs)(a.h2,{id:"-nullish-coalescing",children:[(0,u.jsx)(a.a,{href:"#-nullish-coalescing","aria-hidden":"true",tabIndex:"-1",children:(0,u.jsx)(a.span,{className:"icon icon-link"})}),"?? (Nullish Coalescing)"]}),(0,u.jsxs)(a.p,{children:["The Nullish Coalescing operator ",(0,u.jsx)(a.code,{children:"??"})," is a recent addition to JavaScript. It returns the first argument if it's not ",(0,u.jsx)(a.code,{children:"null"})," or ",(0,u.jsx)(a.code,{children:"undefined"}),"; otherwise, it returns the second argument."]}),(0,u.jsxs)(a.p,{children:["We can rewrite ",(0,u.jsx)(a.code,{children:"result = a ?? b"})," using the operators that we already know, like this:"]}),(0,u.jsx)(a.pre,{className:"language-js",children:(0,u.jsx)(a.code,{className:"language-js code-highlight",children:(0,u.jsxs)(a.span,{className:"code-line",children:["result ",(0,u.jsx)(a.span,{className:"token operator",children:"="})," ",(0,u.jsx)(a.span,{className:"token punctuation",children:"("}),"a ",(0,u.jsx)(a.span,{className:"token operator",children:"!=="})," ",(0,u.jsx)(a.span,{className:"token keyword nil null",children:"null"})," ",(0,u.jsx)(a.span,{className:"token operator",children:"&&"})," a ",(0,u.jsx)(a.span,{className:"token operator",children:"!=="})," ",(0,u.jsx)(a.span,{className:"token keyword nil",children:"undefined"}),(0,u.jsx)(a.span,{className:"token punctuation",children:")"})," ",(0,u.jsx)(a.span,{className:"token operator",children:"?"})," a ",(0,u.jsx)(a.span,{className:"token operator",children:":"})," b",(0,u.jsx)(a.span,{className:"token punctuation",children:";"}),` `]})})}),(0,u.jsx)(a.pre,{className:"language-js",children:(0,u.jsxs)(a.code,{className:"language-js code-highlight",children:[(0,u.jsxs)(a.span,{className:"code-line",children:[(0,u.jsx)(a.span,{className:"token keyword",children:"let"})," name ",(0,u.jsx)(a.span,{className:"token operator",children:"="})," ",(0,u.jsx)(a.span,{className:"token keyword nil null",children:"null"}),(0,u.jsx)(a.span,{className:"token punctuation",children:";"}),` `]}),(0,u.jsxs)(a.span,{className:"code-line",children:[(0,u.jsx)(a.span,{className:"token keyword",children:"let"})," city ",(0,u.jsx)(a.span,{className:"token operator",children:"="})," ",(0,u.jsx)(a.span,{className:"token keyword nil null",children:"null"}),(0,u.jsx)(a.span,{className:"token punctuation",children:";"}),` `]}),(0,u.jsxs)(a.span,{className:"code-line",children:[(0,u.jsx)(a.span,{className:"token keyword",children:"let"})," country ",(0,u.jsx)(a.span,{className:"token operator",children:"="})," ",(0,u.jsx)(a.span,{className:"token string",children:'"USA"'}),(0,u.jsx)(a.span,{className:"token punctuation",children:";"}),` `]}),(0,u.jsx)(a.span,{className:"code-line",children:` `}),(0,u.jsxs)(a.span,{className:"code-line",children:[(0,u.jsx)(a.span,{className:"token keyword",children:"let"})," result ",(0,u.jsx)(a.span,{className:"token operator",children:"="})," name ",(0,u.jsx)(a.span,{className:"token operator",children:"??"})," city ",(0,u.jsx)(a.span,{className:"token operator",children:"??"})," country",(0,u.jsx)(a.span,{className:"token punctuation",children:";"})," ",(0,u.jsx)(a.span,{className:"token comment",children:'// "USA" (the first defined value)'}),` `]})]})}),(0,u.jsxs)(a.p,{children:["The important difference between ",(0,u.jsx)(a.code,{children:"||"})," and ",(0,u.jsx)(a.code,{children:"??"})," is that:"]}),(0,u.jsxs)(a.ul,{children:[(0,u.jsxs)(a.li,{children:[(0,u.jsx)(a.code,{children:"||"})," returns the first ",(0,u.jsx)(a.em,{children:"truthy"})," value."]}),(0,u.jsxs)(a.li,{children:[(0,u.jsx)(a.code,{children:"??"})," returns the first ",(0,u.jsx)(a.em,{children:"defined"})," value."]})]}),(0,u.jsx)(a.pre,{className:"language-js",children:(0,u.jsxs)(a.code,{className:"language-js code-highlight",children:[(0,u.jsxs)(a.span,{className:"code-line",children:[(0,u.jsx)(a.span,{className:"token keyword",children:"let"})," height ",(0,u.jsx)(a.span,{className:"token operator",children:"="})," ",(0,u.jsx)(a.span,{className:"token number",children:"0"}),(0,u.jsx)(a.span,{className:"token punctuation",children:";"}),` `]}),(0,u.jsx)(a.span,{className:"code-line",children:` `}),(0,u.jsxs)(a.span,{className:"code-line",children:[(0,u.jsx)(a.span,{className:"token function",children:"alert"}),(0,u.jsx)(a.span,{className:"token punctuation",children:"("}),"height ",(0,u.jsx)(a.span,{className:"token operator",children:"||"})," ",(0,u.jsx)(a.span,{className:"token number",children:"100"}),(0,u.jsx)(a.span,{className:"token punctuation",children:")"}),(0,u.jsx)(a.span,{className:"token punctuation",children:";"})," ",(0,u.jsx)(a.span,{className:"token comment",children:"// 100"}),` `]}),(0,u.jsxs)(a.span,{className:"code-line",children:[(0,u.jsx)(a.span,{className:"token function",children:"alert"}),(0,u.jsx)(a.span,{className:"token punctuation",children:"("}),"height ",(0,u.jsx)(a.span,{className:"token operator",children:"??"})," ",(0,u.jsx)(a.span,{className:"token number",children:"100"}),(0,u.jsx)(a.span,{className:"token punctuation",children:")"}),(0,u.jsx)(a.span,{className:"token punctuation",children:";"})," ",(0,u.jsx)(a.span,{className:"token comment",children:"// 0"}),` `]})]})}),(0,u.jsxs)(a.h2,{id:"summary",children:[(0,u.jsx)(a.a,{href:"#summary","aria-hidden":"true",tabIndex:"-1",children:(0,u.jsx)(a.span,{className:"icon icon-link"})}),"Summary"]}),(0,u.jsx)(a.p,{children:"It's crucial to master logical operators if you want to write clear, reliable JavaScript code. They give you the ability to construct complex conditional logic and successfully manage a variety of events."}),(0,u.jsxs)(a.p,{children:["Keep revising and practicing the usage of ",(0,u.jsx)(a.code,{children:"||"}),", ",(0,u.jsx)(a.code,{children:"&&"}),", ",(0,u.jsx)(a.code,{children:"!"}),", and ",(0,u.jsx)(a.code,{children:"??"}),", and you'll become more comfortable with them over time."]}),(0,u.jsxs)(a.h2,{id:"references",children:[(0,u.jsx)(a.a,{href:"#references","aria-hidden":"true",tabIndex:"-1",children:(0,u.jsx)(a.span,{className:"icon icon-link"})}),"References"]}),(0,u.jsxs)(a.ol,{children:[(0,u.jsx)(a.li,{children:(0,u.jsx)(a.a,{href:"https://javascript.info/logical-operators",children:"JavaScript.info - Logical Operators"})}),(0,u.jsx)(a.li,{children:(0,u.jsx)(a.a,{href:"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Logical_AND",children:"MDN Web Docs - Logical AND (&&)"})}),(0,u.jsx)(a.li,{children:(0,u.jsx)(a.a,{href:"https://www.javascripttutorial.net/javascript-logical-operators/",children:"JavaScript Tutorial - JavaScript Logical Operators"})})]})]})}function Ng(o={}){let{wrapper:a}=o.components||{};return a?(0,u.jsx)(a,Object.assign({},o,{children:(0,u.jsx)(cs,o)})):cs(o)}var wg=Ng;return _g(xg);})(); /*! Bundled license information: lodash/lodash.js: (** * @license * Lodash * Copyright OpenJS Foundation and other contributors * Released under MIT license * Based on Underscore.js 1.8.3 * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors *) */ ;return Component;

javascript (1)

Tag: Javascript

Logical Operators in JavaScript