[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"content:legacy:page:\u002Fcheatsheets\u002Fjavascript":3,"content:legacy:navigation":1234,"content:legacy:surround:\u002Fcheatsheets\u002Fjavascript":1519},{"id":4,"title":5,"body":6,"description":1222,"extension":1223,"icon":1224,"meta":1225,"modifiedAt":1226,"navigation":286,"path":1227,"publishedAt":1228,"seo":1229,"sitemap":1230,"stem":1232,"updatedAt":1231,"__hash__":1233},"cheatsheets\u002Fcheatsheets\u002Fjavascript.md","JavaScript",{"type":7,"value":8,"toc":1220},"minimark",[9,14,57,61,118,122,231,235,317,321,501,505,669,673,766,770,889,893,984,988,1130,1134,1216],[10,11,13],"h5",{"id":12},"️-cli-setup","⚡️ CLI & Setup",[15,16,21],"pre",{"className":17,"code":18,"language":19,"meta":20,"style":20},"language-bash shiki shiki-themes github-light github-dark","node -v\nnpm -v\nnpm init -y\n","bash","",[22,23,24,37,45],"code",{"__ignoreMap":20},[25,26,29,33],"span",{"class":27,"line":28},"line",1,[25,30,32],{"class":31},"sScJk","node",[25,34,36],{"class":35},"sj4cs"," -v\n",[25,38,40,43],{"class":27,"line":39},2,[25,41,42],{"class":31},"npm",[25,44,36],{"class":35},[25,46,48,50,54],{"class":27,"line":47},3,[25,49,42],{"class":31},[25,51,53],{"class":52},"sZZnC"," init",[25,55,56],{"class":35}," -y\n",[10,58,60],{"id":59},"variables","🧩 Variables",[15,62,66],{"className":63,"code":64,"language":65,"meta":20,"style":20},"language-js shiki shiki-themes github-light github-dark","let a = 1;\nconst b = 'text';\nvar c = true;\n","js",[22,67,68,87,103],{"__ignoreMap":20},[25,69,70,74,78,81,84],{"class":27,"line":28},[25,71,73],{"class":72},"szBVR","let",[25,75,77],{"class":76},"sVt8B"," a ",[25,79,80],{"class":72},"=",[25,82,83],{"class":35}," 1",[25,85,86],{"class":76},";\n",[25,88,89,92,95,98,101],{"class":27,"line":39},[25,90,91],{"class":72},"const",[25,93,94],{"class":35}," b",[25,96,97],{"class":72}," =",[25,99,100],{"class":52}," 'text'",[25,102,86],{"class":76},[25,104,105,108,111,113,116],{"class":27,"line":47},[25,106,107],{"class":72},"var",[25,109,110],{"class":76}," c ",[25,112,80],{"class":72},[25,114,115],{"class":35}," true",[25,117,86],{"class":76},[10,119,121],{"id":120},"data-types","📝 Data Types",[15,123,125],{"className":63,"code":124,"language":65,"meta":20,"style":20},"typeof 42;           \u002F\u002F \"number\"\ntypeof 'hello';      \u002F\u002F \"string\"\ntypeof true;         \u002F\u002F \"boolean\"\ntypeof {};           \u002F\u002F \"object\"\ntypeof [];           \u002F\u002F \"object\"\ntypeof null;         \u002F\u002F \"object\"\ntypeof undefined;    \u002F\u002F \"undefined\"\ntypeof (() => {});   \u002F\u002F \"function\"\n",[22,126,127,142,155,167,178,188,200,214],{"__ignoreMap":20},[25,128,129,132,135,138],{"class":27,"line":28},[25,130,131],{"class":72},"typeof",[25,133,134],{"class":35}," 42",[25,136,137],{"class":76},";           ",[25,139,141],{"class":140},"sJ8bj","\u002F\u002F \"number\"\n",[25,143,144,146,149,152],{"class":27,"line":39},[25,145,131],{"class":72},[25,147,148],{"class":52}," 'hello'",[25,150,151],{"class":76},";      ",[25,153,154],{"class":140},"\u002F\u002F \"string\"\n",[25,156,157,159,161,164],{"class":27,"line":47},[25,158,131],{"class":72},[25,160,115],{"class":35},[25,162,163],{"class":76},";         ",[25,165,166],{"class":140},"\u002F\u002F \"boolean\"\n",[25,168,170,172,175],{"class":27,"line":169},4,[25,171,131],{"class":72},[25,173,174],{"class":76}," {};           ",[25,176,177],{"class":140},"\u002F\u002F \"object\"\n",[25,179,181,183,186],{"class":27,"line":180},5,[25,182,131],{"class":72},[25,184,185],{"class":76}," [];           ",[25,187,177],{"class":140},[25,189,191,193,196,198],{"class":27,"line":190},6,[25,192,131],{"class":72},[25,194,195],{"class":35}," null",[25,197,163],{"class":76},[25,199,177],{"class":140},[25,201,203,205,208,211],{"class":27,"line":202},7,[25,204,131],{"class":72},[25,206,207],{"class":35}," undefined",[25,209,210],{"class":76},";    ",[25,212,213],{"class":140},"\u002F\u002F \"undefined\"\n",[25,215,217,219,222,225,228],{"class":27,"line":216},8,[25,218,131],{"class":72},[25,220,221],{"class":76}," (() ",[25,223,224],{"class":72},"=>",[25,226,227],{"class":76}," {});   ",[25,229,230],{"class":140},"\u002F\u002F \"function\"\n",[10,232,234],{"id":233},"️-functions","🏗️ Functions",[15,236,238],{"className":63,"code":237,"language":65,"meta":20,"style":20},"function sum(a, b) {\n  return a + b;\n}\n\nconst add = (a, b) => a + b;\n",[22,239,240,264,277,282,288],{"__ignoreMap":20},[25,241,242,245,248,251,255,258,261],{"class":27,"line":28},[25,243,244],{"class":72},"function",[25,246,247],{"class":31}," sum",[25,249,250],{"class":76},"(",[25,252,254],{"class":253},"s4XuR","a",[25,256,257],{"class":76},", ",[25,259,260],{"class":253},"b",[25,262,263],{"class":76},") {\n",[25,265,266,269,271,274],{"class":27,"line":39},[25,267,268],{"class":72},"  return",[25,270,77],{"class":76},[25,272,273],{"class":72},"+",[25,275,276],{"class":76}," b;\n",[25,278,279],{"class":27,"line":47},[25,280,281],{"class":76},"}\n",[25,283,284],{"class":27,"line":169},[25,285,287],{"emptyLinePlaceholder":286},true,"\n",[25,289,290,292,295,297,300,302,304,306,309,311,313,315],{"class":27,"line":180},[25,291,91],{"class":72},[25,293,294],{"class":31}," add",[25,296,97],{"class":72},[25,298,299],{"class":76}," (",[25,301,254],{"class":253},[25,303,257],{"class":76},[25,305,260],{"class":253},[25,307,308],{"class":76},") ",[25,310,224],{"class":72},[25,312,77],{"class":76},[25,314,273],{"class":72},[25,316,276],{"class":76},[10,318,320],{"id":319},"control-flow","🔄 Control Flow",[15,322,324],{"className":63,"code":323,"language":65,"meta":20,"style":20},"if (x > 0) { ... }\nelse if (x \u003C 0) { ... }\nelse { ... }\n\nfor (let i = 0; i \u003C 5; i++) { ... }\nwhile (condition) { ... }\ndo { ... } while (condition);\n\nswitch (value) {\n  case 1: ...; break;\n  default: ...;\n}\n",[22,325,326,349,370,381,385,421,433,450,454,463,484,496],{"__ignoreMap":20},[25,327,328,331,334,337,340,343,346],{"class":27,"line":28},[25,329,330],{"class":72},"if",[25,332,333],{"class":76}," (x ",[25,335,336],{"class":72},">",[25,338,339],{"class":35}," 0",[25,341,342],{"class":76},") { ",[25,344,345],{"class":72},"...",[25,347,348],{"class":76}," }\n",[25,350,351,354,357,359,362,364,366,368],{"class":27,"line":39},[25,352,353],{"class":72},"else",[25,355,356],{"class":72}," if",[25,358,333],{"class":76},[25,360,361],{"class":72},"\u003C",[25,363,339],{"class":35},[25,365,342],{"class":76},[25,367,345],{"class":72},[25,369,348],{"class":76},[25,371,372,374,377,379],{"class":27,"line":47},[25,373,353],{"class":72},[25,375,376],{"class":76}," { ",[25,378,345],{"class":72},[25,380,348],{"class":76},[25,382,383],{"class":27,"line":169},[25,384,287],{"emptyLinePlaceholder":286},[25,386,387,390,392,394,397,399,401,404,406,409,412,415,417,419],{"class":27,"line":180},[25,388,389],{"class":72},"for",[25,391,299],{"class":76},[25,393,73],{"class":72},[25,395,396],{"class":76}," i ",[25,398,80],{"class":72},[25,400,339],{"class":35},[25,402,403],{"class":76},"; i ",[25,405,361],{"class":72},[25,407,408],{"class":35}," 5",[25,410,411],{"class":76},"; i",[25,413,414],{"class":72},"++",[25,416,342],{"class":76},[25,418,345],{"class":72},[25,420,348],{"class":76},[25,422,423,426,429,431],{"class":27,"line":190},[25,424,425],{"class":72},"while",[25,427,428],{"class":76}," (condition) { ",[25,430,345],{"class":72},[25,432,348],{"class":76},[25,434,435,438,440,442,445,447],{"class":27,"line":202},[25,436,437],{"class":72},"do",[25,439,376],{"class":76},[25,441,345],{"class":72},[25,443,444],{"class":76}," } ",[25,446,425],{"class":72},[25,448,449],{"class":76}," (condition);\n",[25,451,452],{"class":27,"line":216},[25,453,287],{"emptyLinePlaceholder":286},[25,455,457,460],{"class":27,"line":456},9,[25,458,459],{"class":72},"switch",[25,461,462],{"class":76}," (value) {\n",[25,464,466,469,471,474,476,479,482],{"class":27,"line":465},10,[25,467,468],{"class":72},"  case",[25,470,83],{"class":35},[25,472,473],{"class":76},": ",[25,475,345],{"class":72},[25,477,478],{"class":76},"; ",[25,480,481],{"class":72},"break",[25,483,86],{"class":76},[25,485,487,490,492,494],{"class":27,"line":486},11,[25,488,489],{"class":72},"  default",[25,491,473],{"class":76},[25,493,345],{"class":72},[25,495,86],{"class":76},[25,497,499],{"class":27,"line":498},12,[25,500,281],{"class":76},[10,502,504],{"id":503},"arrays","📦 Arrays",[15,506,508],{"className":63,"code":507,"language":65,"meta":20,"style":20},"const arr = [1, 2, 3];\narr.push(4);\narr.pop();\narr.map(x => x * 2);\narr.filter(x => x > 1);\narr.reduce((a, b) => a + b, 0);\narr.includes(2);\narr.indexOf(3);\n",[22,509,510,538,554,564,590,611,643,656],{"__ignoreMap":20},[25,511,512,514,517,519,522,525,527,530,532,535],{"class":27,"line":28},[25,513,91],{"class":72},[25,515,516],{"class":35}," arr",[25,518,97],{"class":72},[25,520,521],{"class":76}," [",[25,523,524],{"class":35},"1",[25,526,257],{"class":76},[25,528,529],{"class":35},"2",[25,531,257],{"class":76},[25,533,534],{"class":35},"3",[25,536,537],{"class":76},"];\n",[25,539,540,543,546,548,551],{"class":27,"line":39},[25,541,542],{"class":76},"arr.",[25,544,545],{"class":31},"push",[25,547,250],{"class":76},[25,549,550],{"class":35},"4",[25,552,553],{"class":76},");\n",[25,555,556,558,561],{"class":27,"line":47},[25,557,542],{"class":76},[25,559,560],{"class":31},"pop",[25,562,563],{"class":76},"();\n",[25,565,566,568,571,573,576,579,582,585,588],{"class":27,"line":169},[25,567,542],{"class":76},[25,569,570],{"class":31},"map",[25,572,250],{"class":76},[25,574,575],{"class":253},"x",[25,577,578],{"class":72}," =>",[25,580,581],{"class":76}," x ",[25,583,584],{"class":72},"*",[25,586,587],{"class":35}," 2",[25,589,553],{"class":76},[25,591,592,594,597,599,601,603,605,607,609],{"class":27,"line":180},[25,593,542],{"class":76},[25,595,596],{"class":31},"filter",[25,598,250],{"class":76},[25,600,575],{"class":253},[25,602,578],{"class":72},[25,604,581],{"class":76},[25,606,336],{"class":72},[25,608,83],{"class":35},[25,610,553],{"class":76},[25,612,613,615,618,621,623,625,627,629,631,633,635,638,641],{"class":27,"line":190},[25,614,542],{"class":76},[25,616,617],{"class":31},"reduce",[25,619,620],{"class":76},"((",[25,622,254],{"class":253},[25,624,257],{"class":76},[25,626,260],{"class":253},[25,628,308],{"class":76},[25,630,224],{"class":72},[25,632,77],{"class":76},[25,634,273],{"class":72},[25,636,637],{"class":76}," b, ",[25,639,640],{"class":35},"0",[25,642,553],{"class":76},[25,644,645,647,650,652,654],{"class":27,"line":202},[25,646,542],{"class":76},[25,648,649],{"class":31},"includes",[25,651,250],{"class":76},[25,653,529],{"class":35},[25,655,553],{"class":76},[25,657,658,660,663,665,667],{"class":27,"line":216},[25,659,542],{"class":76},[25,661,662],{"class":31},"indexOf",[25,664,250],{"class":76},[25,666,534],{"class":35},[25,668,553],{"class":76},[10,670,672],{"id":671},"️-objects","🗂️ Objects",[15,674,676],{"className":63,"code":675,"language":65,"meta":20,"style":20},"const obj = { name: 'Alice', age: 30 };\nobj.name;\nobj['age'];\nobj.city = 'NY';\ndelete obj.age;\nObject.keys(obj);\nObject.values(obj);\nObject.entries(obj);\n",[22,677,678,702,707,717,729,737,748,757],{"__ignoreMap":20},[25,679,680,682,685,687,690,693,696,699],{"class":27,"line":28},[25,681,91],{"class":72},[25,683,684],{"class":35}," obj",[25,686,97],{"class":72},[25,688,689],{"class":76}," { name: ",[25,691,692],{"class":52},"'Alice'",[25,694,695],{"class":76},", age: ",[25,697,698],{"class":35},"30",[25,700,701],{"class":76}," };\n",[25,703,704],{"class":27,"line":39},[25,705,706],{"class":76},"obj.name;\n",[25,708,709,712,715],{"class":27,"line":47},[25,710,711],{"class":76},"obj[",[25,713,714],{"class":52},"'age'",[25,716,537],{"class":76},[25,718,719,722,724,727],{"class":27,"line":169},[25,720,721],{"class":76},"obj.city ",[25,723,80],{"class":72},[25,725,726],{"class":52}," 'NY'",[25,728,86],{"class":76},[25,730,731,734],{"class":27,"line":180},[25,732,733],{"class":72},"delete",[25,735,736],{"class":76}," obj.age;\n",[25,738,739,742,745],{"class":27,"line":190},[25,740,741],{"class":76},"Object.",[25,743,744],{"class":31},"keys",[25,746,747],{"class":76},"(obj);\n",[25,749,750,752,755],{"class":27,"line":202},[25,751,741],{"class":76},[25,753,754],{"class":31},"values",[25,756,747],{"class":76},[25,758,759,761,764],{"class":27,"line":216},[25,760,741],{"class":76},[25,762,763],{"class":31},"entries",[25,765,747],{"class":76},[10,767,769],{"id":768},"️-string-methods","🛡️ String Methods",[15,771,773],{"className":63,"code":772,"language":65,"meta":20,"style":20},"const str = 'Hello World';\nstr.length;\nstr.toUpperCase();\nstr.toLowerCase();\nstr.includes('World');\nstr.replace('World', 'JS');\nstr.split(' ');\nstr.slice(0, 5);\nstr.trim();\n",[22,774,775,789,799,808,817,830,848,862,880],{"__ignoreMap":20},[25,776,777,779,782,784,787],{"class":27,"line":28},[25,778,91],{"class":72},[25,780,781],{"class":35}," str",[25,783,97],{"class":72},[25,785,786],{"class":52}," 'Hello World'",[25,788,86],{"class":76},[25,790,791,794,797],{"class":27,"line":39},[25,792,793],{"class":76},"str.",[25,795,796],{"class":35},"length",[25,798,86],{"class":76},[25,800,801,803,806],{"class":27,"line":47},[25,802,793],{"class":76},[25,804,805],{"class":31},"toUpperCase",[25,807,563],{"class":76},[25,809,810,812,815],{"class":27,"line":169},[25,811,793],{"class":76},[25,813,814],{"class":31},"toLowerCase",[25,816,563],{"class":76},[25,818,819,821,823,825,828],{"class":27,"line":180},[25,820,793],{"class":76},[25,822,649],{"class":31},[25,824,250],{"class":76},[25,826,827],{"class":52},"'World'",[25,829,553],{"class":76},[25,831,832,834,837,839,841,843,846],{"class":27,"line":190},[25,833,793],{"class":76},[25,835,836],{"class":31},"replace",[25,838,250],{"class":76},[25,840,827],{"class":52},[25,842,257],{"class":76},[25,844,845],{"class":52},"'JS'",[25,847,553],{"class":76},[25,849,850,852,855,857,860],{"class":27,"line":202},[25,851,793],{"class":76},[25,853,854],{"class":31},"split",[25,856,250],{"class":76},[25,858,859],{"class":52},"' '",[25,861,553],{"class":76},[25,863,864,866,869,871,873,875,878],{"class":27,"line":216},[25,865,793],{"class":76},[25,867,868],{"class":31},"slice",[25,870,250],{"class":76},[25,872,640],{"class":35},[25,874,257],{"class":76},[25,876,877],{"class":35},"5",[25,879,553],{"class":76},[25,881,882,884,887],{"class":27,"line":456},[25,883,793],{"class":76},[25,885,886],{"class":31},"trim",[25,888,563],{"class":76},[10,890,892],{"id":891},"event-dom","🧪 Event & DOM",[15,894,896],{"className":63,"code":895,"language":65,"meta":20,"style":20},"document.getElementById('id');\ndocument.querySelector('.class');\ndocument.createElement('div');\nelement.addEventListener('click', fn);\nelement.classList.add('active');\nelement.style.color = 'red';\n",[22,897,898,913,927,941,957,972],{"__ignoreMap":20},[25,899,900,903,906,908,911],{"class":27,"line":28},[25,901,902],{"class":76},"document.",[25,904,905],{"class":31},"getElementById",[25,907,250],{"class":76},[25,909,910],{"class":52},"'id'",[25,912,553],{"class":76},[25,914,915,917,920,922,925],{"class":27,"line":39},[25,916,902],{"class":76},[25,918,919],{"class":31},"querySelector",[25,921,250],{"class":76},[25,923,924],{"class":52},"'.class'",[25,926,553],{"class":76},[25,928,929,931,934,936,939],{"class":27,"line":47},[25,930,902],{"class":76},[25,932,933],{"class":31},"createElement",[25,935,250],{"class":76},[25,937,938],{"class":52},"'div'",[25,940,553],{"class":76},[25,942,943,946,949,951,954],{"class":27,"line":169},[25,944,945],{"class":76},"element.",[25,947,948],{"class":31},"addEventListener",[25,950,250],{"class":76},[25,952,953],{"class":52},"'click'",[25,955,956],{"class":76},", fn);\n",[25,958,959,962,965,967,970],{"class":27,"line":180},[25,960,961],{"class":76},"element.classList.",[25,963,964],{"class":31},"add",[25,966,250],{"class":76},[25,968,969],{"class":52},"'active'",[25,971,553],{"class":76},[25,973,974,977,979,982],{"class":27,"line":190},[25,975,976],{"class":76},"element.style.color ",[25,978,80],{"class":72},[25,980,981],{"class":52}," 'red'",[25,983,86],{"class":76},[10,985,987],{"id":986},"es6-features","🔒 ES6+ Features",[15,989,991],{"className":63,"code":990,"language":65,"meta":20,"style":20},"const [x, y] = [1, 2];                \u002F\u002F Array destructuring\nconst { name, age } = obj;            \u002F\u002F Object destructuring\nconst arr2 = [...arr, 5];             \u002F\u002F Spread operator\nconst obj2 = { ...obj, city: 'LA' };  \u002F\u002F Object spread\nconst greet = (name = 'Guest') => `Hi ${name}`;\n",[22,992,993,1025,1049,1073,1098],{"__ignoreMap":20},[25,994,995,997,999,1001,1003,1006,1009,1011,1013,1015,1017,1019,1022],{"class":27,"line":28},[25,996,91],{"class":72},[25,998,521],{"class":76},[25,1000,575],{"class":35},[25,1002,257],{"class":76},[25,1004,1005],{"class":35},"y",[25,1007,1008],{"class":76},"] ",[25,1010,80],{"class":72},[25,1012,521],{"class":76},[25,1014,524],{"class":35},[25,1016,257],{"class":76},[25,1018,529],{"class":35},[25,1020,1021],{"class":76},"];                ",[25,1023,1024],{"class":140},"\u002F\u002F Array destructuring\n",[25,1026,1027,1029,1031,1034,1036,1039,1041,1043,1046],{"class":27,"line":39},[25,1028,91],{"class":72},[25,1030,376],{"class":76},[25,1032,1033],{"class":35},"name",[25,1035,257],{"class":76},[25,1037,1038],{"class":35},"age",[25,1040,444],{"class":76},[25,1042,80],{"class":72},[25,1044,1045],{"class":76}," obj;            ",[25,1047,1048],{"class":140},"\u002F\u002F Object destructuring\n",[25,1050,1051,1053,1056,1058,1060,1062,1065,1067,1070],{"class":27,"line":47},[25,1052,91],{"class":72},[25,1054,1055],{"class":35}," arr2",[25,1057,97],{"class":72},[25,1059,521],{"class":76},[25,1061,345],{"class":72},[25,1063,1064],{"class":76},"arr, ",[25,1066,877],{"class":35},[25,1068,1069],{"class":76},"];             ",[25,1071,1072],{"class":140},"\u002F\u002F Spread operator\n",[25,1074,1075,1077,1080,1082,1084,1086,1089,1092,1095],{"class":27,"line":169},[25,1076,91],{"class":72},[25,1078,1079],{"class":35}," obj2",[25,1081,97],{"class":72},[25,1083,376],{"class":76},[25,1085,345],{"class":72},[25,1087,1088],{"class":76},"obj, city: ",[25,1090,1091],{"class":52},"'LA'",[25,1093,1094],{"class":76}," };  ",[25,1096,1097],{"class":140},"\u002F\u002F Object spread\n",[25,1099,1100,1102,1105,1107,1109,1111,1113,1116,1118,1120,1123,1125,1128],{"class":27,"line":180},[25,1101,91],{"class":72},[25,1103,1104],{"class":31}," greet",[25,1106,97],{"class":72},[25,1108,299],{"class":76},[25,1110,1033],{"class":253},[25,1112,97],{"class":72},[25,1114,1115],{"class":52}," 'Guest'",[25,1117,308],{"class":76},[25,1119,224],{"class":72},[25,1121,1122],{"class":52}," `Hi ${",[25,1124,1033],{"class":76},[25,1126,1127],{"class":52},"}`",[25,1129,86],{"class":76},[10,1131,1133],{"id":1132},"️-misc","🛠️ Misc",[15,1135,1137],{"className":63,"code":1136,"language":65,"meta":20,"style":20},"console.log('Log');\nsetTimeout(() => {}, 1000);\nsetInterval(() => {}, 1000);\nJSON.stringify(obj);\nJSON.parse('{\"a\":1}');\n",[22,1138,1139,1154,1172,1187,1200],{"__ignoreMap":20},[25,1140,1141,1144,1147,1149,1152],{"class":27,"line":28},[25,1142,1143],{"class":76},"console.",[25,1145,1146],{"class":31},"log",[25,1148,250],{"class":76},[25,1150,1151],{"class":52},"'Log'",[25,1153,553],{"class":76},[25,1155,1156,1159,1162,1164,1167,1170],{"class":27,"line":39},[25,1157,1158],{"class":31},"setTimeout",[25,1160,1161],{"class":76},"(() ",[25,1163,224],{"class":72},[25,1165,1166],{"class":76}," {}, ",[25,1168,1169],{"class":35},"1000",[25,1171,553],{"class":76},[25,1173,1174,1177,1179,1181,1183,1185],{"class":27,"line":47},[25,1175,1176],{"class":31},"setInterval",[25,1178,1161],{"class":76},[25,1180,224],{"class":72},[25,1182,1166],{"class":76},[25,1184,1169],{"class":35},[25,1186,553],{"class":76},[25,1188,1189,1192,1195,1198],{"class":27,"line":169},[25,1190,1191],{"class":35},"JSON",[25,1193,1194],{"class":76},".",[25,1196,1197],{"class":31},"stringify",[25,1199,747],{"class":76},[25,1201,1202,1204,1206,1209,1211,1214],{"class":27,"line":180},[25,1203,1191],{"class":35},[25,1205,1194],{"class":76},[25,1207,1208],{"class":31},"parse",[25,1210,250],{"class":76},[25,1212,1213],{"class":52},"'{\"a\":1}'",[25,1215,553],{"class":76},[1217,1218,1219],"style",{},"html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}html pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}",{"title":20,"searchDepth":39,"depth":39,"links":1221},[],"A comprehensive guide to JavaScript programming language.","md","material-icon-theme:javascript",{},null,"\u002Fcheatsheets\u002Fjavascript","2025-08-14",{"title":5,"description":1222},{"loc":1227,"lastmod":1231},"2025-08-25T11:45:43+07:00","cheatsheets\u002Fjavascript","8W2Qt_Gk4krpoEbrkx3OO4yPtWObqBYRc6JV-P70lqw",[1235,1385,1490,1511],{"title":1236,"icon":1237,"path":1238,"stem":1239,"children":1240,"page":1251},"Posts","fluent-color:data-bar-vertical-ascending-24","\u002Fposts","posts",[1241,1252,1270,1296,1306,1319,1329,1339,1349,1375],{"title":1242,"icon":1243,"redirect":1244,"path":1245,"stem":1246,"children":1247,"page":1251},"Database","material-icon-theme:database","\u002Fposts\u002Fdatabase\u002Freplication-strategy","\u002Fposts\u002Fdatabase","posts\u002Fdatabase",[1248],{"title":1249,"path":1244,"stem":1250,"icon":1226},"Database Replication strategy in large systems","posts\u002Fdatabase\u002Freplication-strategy",false,{"title":1253,"icon":1254,"redirect":1255,"path":1256,"stem":1257,"children":1258,"page":1251},"Docker","vscode-icons:file-type-docker2","\u002Fposts\u002Fdocker\u002Fdocker-commands","\u002Fposts\u002Fdocker","posts\u002Fdocker",[1259,1262,1266],{"title":1260,"path":1255,"stem":1261,"icon":1226},"Docker commands essentials","posts\u002Fdocker\u002Fdocker-commands",{"title":1263,"path":1264,"stem":1265,"icon":1226},"Some useful Dockerfile templates","\u002Fposts\u002Fdocker\u002Fdockerfile-templates","posts\u002Fdocker\u002Fdockerfile-templates",{"title":1267,"path":1268,"stem":1269,"icon":1226},"Setup Docker environment on Windows","\u002Fposts\u002Fdocker\u002Fsetup-docker-on-window","posts\u002Fdocker\u002Fsetup-docker-on-window",{"title":1271,"icon":1272,"redirect":1273,"path":1274,"stem":1275,"children":1276,"page":1251},"Git & GitHub","material-icon-theme:git","\u002Fposts\u002Fgit\u002Fbrightly-decorate-graph","\u002Fposts\u002Fgit","posts\u002Fgit",[1277,1280,1284,1288,1292],{"title":1278,"path":1273,"stem":1279,"icon":1226},"Brightly decorate your GitHub Graph","posts\u002Fgit\u002Fbrightly-decorate-graph",{"title":1281,"path":1282,"stem":1283,"icon":1226},"Download a specific folder on GitHub repository","\u002Fposts\u002Fgit\u002Fdownload-specific-folder","posts\u002Fgit\u002Fdownload-specific-folder",{"title":1285,"path":1286,"stem":1287,"icon":1226},"Syncing Git Tags across to other repositories","\u002Fposts\u002Fgit\u002Fsyncing-tags-across-repositories","posts\u002Fgit\u002Fsyncing-tags-across-repositories",{"title":1289,"path":1290,"stem":1291,"icon":1226},"Unlocking GitHub Achievement badges","\u002Fposts\u002Fgit\u002Funlocking-achievement-badges","posts\u002Fgit\u002Funlocking-achievement-badges",{"title":1293,"path":1294,"stem":1295,"icon":1226},"Essential Git commands every developer should master","\u002Fposts\u002Fgit\u002Fuseful-commands-like-pro","posts\u002Fgit\u002Fuseful-commands-like-pro",{"title":1297,"icon":1298,"redirect":1299,"path":1300,"stem":1301,"children":1302,"page":1251},"Golang","material-icon-theme:go","\u002Fposts\u002Fgolang\u002Foptimizing-performance-with-pgo","\u002Fposts\u002Fgolang","posts\u002Fgolang",[1303],{"title":1304,"path":1299,"stem":1305,"icon":1226},"Optimizing Performance in Go Applications with PGO","posts\u002Fgolang\u002Foptimizing-performance-with-pgo",{"title":5,"icon":1307,"redirect":1308,"path":1309,"stem":1310,"children":1311,"page":1251},"vscode-icons:file-type-js","\u002Fposts\u002Fjavascript\u002F9-lines-of-tips","\u002Fposts\u002Fjavascript","posts\u002Fjavascript",[1312,1315],{"title":1313,"path":1308,"stem":1314,"icon":1226},"9 lines of JavaScript replace 50 lines of code","posts\u002Fjavascript\u002F9-lines-of-tips",{"title":1316,"path":1317,"stem":1318,"icon":1226},"Javascript Promises - Specific functions and use cases","\u002Fposts\u002Fjavascript\u002Fpromises-cheatsheet","posts\u002Fjavascript\u002Fpromises-cheatsheet",{"title":1320,"icon":1321,"redirect":1322,"path":1323,"stem":1324,"children":1325,"page":1251},"Node","material-icon-theme:nodejs-alt","\u002Fposts\u002Fnodejs\u002Fevent-loop","\u002Fposts\u002Fnodejs","posts\u002Fnodejs",[1326],{"title":1327,"path":1322,"stem":1328,"icon":1226},"Secret about Event Loop flow in Nodejs","posts\u002Fnodejs\u002Fevent-loop",{"title":1330,"icon":1331,"redirect":1332,"path":1333,"stem":1334,"children":1335,"page":1251},"Nuxt","vscode-icons:file-type-nuxt","\u002Fposts\u002Fnuxt\u002Fenable-pwa-in-nuxt","\u002Fposts\u002Fnuxt","posts\u002Fnuxt",[1336],{"title":1337,"path":1332,"stem":1338,"icon":1226},"Enable PWA and Service Worker in Nuxt","posts\u002Fnuxt\u002Fenable-pwa-in-nuxt",{"title":1340,"icon":1341,"redirect":1342,"path":1343,"stem":1344,"children":1345,"page":1251},"Performance","emojione:rocket","\u002Fposts\u002Fperformance\u002Fbackground-image-injection-problem","\u002Fposts\u002Fperformance","posts\u002Fperformance",[1346],{"title":1347,"path":1342,"stem":1348,"icon":1226},"Background-Image injection problem in UX","posts\u002Fperformance\u002Fbackground-image-injection-problem",{"title":1350,"icon":1351,"redirect":1352,"path":1353,"stem":1354,"children":1355,"page":1251},"Tutorial","fluent-color:book-open-lightbulb-24","\u002Fposts\u002Ftutorial\u002Fclassification-and-functionality-of-the-servers","\u002Fposts\u002Ftutorial","posts\u002Ftutorial",[1356,1359,1363,1367,1371],{"title":1357,"path":1352,"stem":1358,"icon":1226},"Classification and functionality of the servers","posts\u002Ftutorial\u002Fclassification-and-functionality-of-the-servers",{"title":1360,"path":1361,"stem":1362,"icon":1226},"What is the difference between localhost and 127.0.0.1?","\u002Fposts\u002Ftutorial\u002Fdifferent-between-localhost-and-127-0-0-1","posts\u002Ftutorial\u002Fdifferent-between-localhost-and-127-0-0-1",{"title":1364,"path":1365,"stem":1366,"icon":1226},"8 essential network protocols every programmer should know","\u002Fposts\u002Ftutorial\u002Fessential-network-protocols","posts\u002Ftutorial\u002Fessential-network-protocols",{"title":1368,"path":1369,"stem":1370,"icon":1226},"Pre rels in header link tag - SEO technique enhancement","\u002Fposts\u002Ftutorial\u002Fpre-rels-in-header-link-tag","posts\u002Ftutorial\u002Fpre-rels-in-header-link-tag",{"title":1372,"path":1373,"stem":1374,"icon":1226},"Better code with SOLID principles","\u002Fposts\u002Ftutorial\u002Fwhat-is-solid","posts\u002Ftutorial\u002Fwhat-is-solid",{"title":1376,"icon":1377,"redirect":1378,"path":1379,"stem":1380,"children":1381,"page":1251},"UI\u002FUX","devicon:figma","\u002Fposts\u002Fuiux\u002Fcommon-button-mistake","\u002Fposts\u002Fuiux","posts\u002Fuiux",[1382],{"title":1383,"path":1378,"stem":1384,"icon":1226},"Common Button Mistake in UI\u002FUX","posts\u002Fuiux\u002Fcommon-button-mistake",{"title":1386,"icon":1387,"path":1388,"stem":1389,"children":1390,"page":1251},"Cheatsheets","fluent-color:paw-16","\u002Fcheatsheets","cheatsheets",[1391,1396,1401,1404,1409,1412,1417,1418,1423,1428,1433,1438,1443,1448,1452,1456,1461,1466,1470,1475,1480,1485],{"title":1392,"path":1393,"stem":1394,"icon":1395},"Bash","\u002Fcheatsheets\u002Fbash","cheatsheets\u002Fbash","material-icon-theme:powershell",{"title":1397,"path":1398,"stem":1399,"icon":1400},"CSS","\u002Fcheatsheets\u002Fcss","cheatsheets\u002Fcss","vscode-icons:file-type-css2",{"title":1253,"path":1402,"stem":1403,"icon":1254},"\u002Fcheatsheets\u002Fdocker","cheatsheets\u002Fdocker",{"title":1405,"path":1406,"stem":1407,"icon":1408},"Git","\u002Fcheatsheets\u002Fgit","cheatsheets\u002Fgit","devicon:git",{"title":1297,"path":1410,"stem":1411,"icon":1298},"\u002Fcheatsheets\u002Fgo","cheatsheets\u002Fgo",{"title":1413,"path":1414,"stem":1415,"icon":1416},"HTML","\u002Fcheatsheets\u002Fhtml","cheatsheets\u002Fhtml","material-icon-theme:html",{"title":5,"path":1227,"stem":1232,"icon":1224},{"title":1419,"path":1420,"stem":1421,"icon":1422},"Latex","\u002Fcheatsheets\u002Flatex","cheatsheets\u002Flatex","material-icon-theme:latexmk",{"title":1424,"path":1425,"stem":1426,"icon":1427},"Linux","\u002Fcheatsheets\u002Flinux","cheatsheets\u002Flinux","devicon:linux",{"title":1429,"path":1430,"stem":1431,"icon":1432},"Markdown","\u002Fcheatsheets\u002Fmarkdown","cheatsheets\u002Fmarkdown","material-icon-theme:markdown",{"title":1434,"path":1435,"stem":1436,"icon":1437},"Mongo","\u002Fcheatsheets\u002Fmongo","cheatsheets\u002Fmongo","devicon:mongodb",{"title":1439,"path":1440,"stem":1441,"icon":1442},"Nest","\u002Fcheatsheets\u002Fnest","cheatsheets\u002Fnest","material-icon-theme:nest",{"title":1444,"path":1445,"stem":1446,"icon":1447},"Next","\u002Fcheatsheets\u002Fnext","cheatsheets\u002Fnext","logos:nextjs-icon",{"title":1320,"path":1449,"stem":1450,"icon":1451},"\u002Fcheatsheets\u002Fnode","cheatsheets\u002Fnode","material-icon-theme:nodejs",{"title":1330,"path":1453,"stem":1454,"icon":1455},"\u002Fcheatsheets\u002Fnuxt","cheatsheets\u002Fnuxt","material-icon-theme:nuxt",{"title":1457,"path":1458,"stem":1459,"icon":1460},"React","\u002Fcheatsheets\u002Freact","cheatsheets\u002Freact","material-icon-theme:react",{"title":1462,"path":1463,"stem":1464,"icon":1465},"Redis","\u002Fcheatsheets\u002Fredis","cheatsheets\u002Fredis","vscode-icons:folder-type-redis-opened",{"title":1467,"path":1468,"stem":1469,"icon":1243},"SQL","\u002Fcheatsheets\u002Fsql","cheatsheets\u002Fsql",{"title":1471,"path":1472,"stem":1473,"icon":1474},"Typescript","\u002Fcheatsheets\u002Ftypescript","cheatsheets\u002Ftypescript","material-icon-theme:typescript",{"title":1476,"path":1477,"stem":1478,"icon":1479},"Vercel","\u002Fcheatsheets\u002Fvercel","cheatsheets\u002Fvercel","vscode-icons:file-type-light-vercel",{"title":1481,"path":1482,"stem":1483,"icon":1484},"Vue","\u002Fcheatsheets\u002Fvue","cheatsheets\u002Fvue","material-icon-theme:vue",{"title":1486,"path":1487,"stem":1488,"icon":1489},"Windows","\u002Fcheatsheets\u002Fwindow","cheatsheets\u002Fwindow","material-icon-theme:folder-windows",{"title":1491,"icon":1492,"path":1493,"stem":1494,"children":1495,"page":1251},"Templates","fluent-color:data-pie-24","\u002Ftemplates","templates",[1496,1499,1502,1505,1508],{"title":1297,"path":1497,"stem":1498,"icon":1298},"\u002Ftemplates\u002Fgo","templates\u002Fgo",{"title":1444,"path":1500,"stem":1501,"icon":1447},"\u002Ftemplates\u002Fnext","templates\u002Fnext",{"title":1330,"path":1503,"stem":1504,"icon":1455},"\u002Ftemplates\u002Fnuxt","templates\u002Fnuxt",{"title":1457,"path":1506,"stem":1507,"icon":1460},"\u002Ftemplates\u002Freact","templates\u002Freact",{"title":1481,"path":1509,"stem":1510,"icon":1484},"\u002Ftemplates\u002Fvue","templates\u002Fvue",{"title":1512,"icon":1387,"path":1513,"stem":1514,"children":1515,"page":1251},"Interviews","\u002Finterviews","interviews",[1516],{"title":1413,"path":1517,"stem":1518,"icon":1416},"\u002Finterviews\u002Fhtml","interviews\u002Fhtml",[1520,1521],{"title":1413,"path":1414,"stem":1415,"children":-1},{"title":1419,"path":1420,"stem":1421,"children":-1}]