[{"data":1,"prerenderedAt":766},["ShallowReactive",2],{"navigation_docs":3,"-essentials-data-types":35,"-essentials-data-types-surround":763},[4,20],{"title":5,"path":6,"stem":7,"children":8,"page":19},"Getting Started","\u002Fgetting-started","1.getting-started",[9,14],{"title":10,"path":11,"stem":12,"icon":13},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F1.introduction","i-lucide-house",{"title":15,"path":16,"stem":17,"icon":18},"JavaScript","\u002Fgetting-started\u002Fjavascript","1.getting-started\u002F2.javascript","i-simple-icons-javascript",false,{"title":21,"path":22,"stem":23,"children":24,"page":19},"Essentials","\u002Fessentials","2.essentials",[25,30],{"title":26,"path":27,"stem":28,"icon":29},"Variables","\u002Fessentials\u002Fvariables","2.essentials\u002F1.variables","i-lucide-variable",{"title":31,"path":32,"stem":33,"icon":34},"Data Types","\u002Fessentials\u002Fdata-types","2.essentials\u002F2.data-types","i-carbon-data-set",{"id":36,"title":31,"body":37,"description":756,"extension":757,"links":758,"meta":759,"navigation":760,"path":32,"seo":761,"stem":33,"__hash__":762},"docs\u002F2.essentials\u002F2.data-types.md",{"type":38,"value":39,"toc":749},"minimark",[40,45,49,109,112,116,119,153,157,160,194,198,201,299,315,365,418,459,463,466,561,564,699,702,745],[41,42,44],"h2",{"id":43},"string","String",[46,47,48],"p",{},"A text of characters enclosed in quotes.",[50,51,56],"pre",{"className":52,"code":53,"language":54,"meta":55,"style":55},"language-js shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","const stringValue = 'Hello, world!';\nconst stringValue2 = \"Hello, world!\";\n","js","",[57,58,59,89],"code",{"__ignoreMap":55},[60,61,64,68,72,76,79,83,86],"span",{"class":62,"line":63},"line",1,[60,65,67],{"class":66},"spNyl","const",[60,69,71],{"class":70},"sTEyZ"," stringValue ",[60,73,75],{"class":74},"sMK4o","=",[60,77,78],{"class":74}," '",[60,80,82],{"class":81},"sfazB","Hello, world!",[60,84,85],{"class":74},"'",[60,87,88],{"class":74},";\n",[60,90,92,94,97,99,102,104,107],{"class":62,"line":91},2,[60,93,67],{"class":66},[60,95,96],{"class":70}," stringValue2 ",[60,98,75],{"class":74},[60,100,101],{"class":74}," \"",[60,103,82],{"class":81},[60,105,106],{"class":74},"\"",[60,108,88],{"class":74},[46,110,111],{},"Using single quotes for strings is way more common than using double quotes.",[41,113,115],{"id":114},"number","Number",[46,117,118],{},"A number representing a mathematical value.",[50,120,122],{"className":52,"code":121,"language":54,"meta":55,"style":55},"const numberValue = 10;\nconst numberValue2 = 10000;\n",[57,123,124,139],{"__ignoreMap":55},[60,125,126,128,131,133,137],{"class":62,"line":63},[60,127,67],{"class":66},[60,129,130],{"class":70}," numberValue ",[60,132,75],{"class":74},[60,134,136],{"class":135},"sbssI"," 10",[60,138,88],{"class":74},[60,140,141,143,146,148,151],{"class":62,"line":91},[60,142,67],{"class":66},[60,144,145],{"class":70}," numberValue2 ",[60,147,75],{"class":74},[60,149,150],{"class":135}," 10000",[60,152,88],{"class":74},[41,154,156],{"id":155},"boolean","Boolean",[46,158,159],{},"A data type representing true or false.",[50,161,163],{"className":52,"code":162,"language":54,"meta":55,"style":55},"const booleanValue = true;\nconst booleanValue2 = false;\n",[57,164,165,180],{"__ignoreMap":55},[60,166,167,169,172,174,178],{"class":62,"line":63},[60,168,67],{"class":66},[60,170,171],{"class":70}," booleanValue ",[60,173,75],{"class":74},[60,175,177],{"class":176},"sfNiH"," true",[60,179,88],{"class":74},[60,181,182,184,187,189,192],{"class":62,"line":91},[60,183,67],{"class":66},[60,185,186],{"class":70}," booleanValue2 ",[60,188,75],{"class":74},[60,190,191],{"class":176}," false",[60,193,88],{"class":74},[41,195,197],{"id":196},"array","Array",[46,199,200],{},"Arrays are ordered lists of values.",[50,202,204],{"className":52,"code":203,"language":54,"meta":55,"style":55},"const firstArray = [1, 2, 3];\nconst secondArray = [10, 'a string', { prop: 'value' }, [1, 2, 3]];\n",[57,205,206,237],{"__ignoreMap":55},[60,207,208,210,213,215,218,221,224,227,229,232,235],{"class":62,"line":63},[60,209,67],{"class":66},[60,211,212],{"class":70}," firstArray ",[60,214,75],{"class":74},[60,216,217],{"class":70}," [",[60,219,220],{"class":135},"1",[60,222,223],{"class":74},",",[60,225,226],{"class":135}," 2",[60,228,223],{"class":74},[60,230,231],{"class":135}," 3",[60,233,234],{"class":70},"]",[60,236,88],{"class":74},[60,238,239,241,244,246,248,251,253,255,258,260,262,265,269,272,274,277,279,282,284,286,288,290,292,294,297],{"class":62,"line":91},[60,240,67],{"class":66},[60,242,243],{"class":70}," secondArray ",[60,245,75],{"class":74},[60,247,217],{"class":70},[60,249,250],{"class":135},"10",[60,252,223],{"class":74},[60,254,78],{"class":74},[60,256,257],{"class":81},"a string",[60,259,85],{"class":74},[60,261,223],{"class":74},[60,263,264],{"class":74}," {",[60,266,268],{"class":267},"swJcz"," prop",[60,270,271],{"class":74},":",[60,273,78],{"class":74},[60,275,276],{"class":81},"value",[60,278,85],{"class":74},[60,280,281],{"class":74}," },",[60,283,217],{"class":70},[60,285,220],{"class":135},[60,287,223],{"class":74},[60,289,226],{"class":135},[60,291,223],{"class":74},[60,293,231],{"class":135},[60,295,296],{"class":70},"]]",[60,298,88],{"class":74},[46,300,301,302,306,307,310,311,314],{},"The index ",[303,304,305],"strong",{},"starts at 0",". So we use ",[57,308,309],{},"firstArray[0]"," to indicate the first value of ",[57,312,313],{},"firstArray",".",[316,317,320,352],"tabs",{"className":318},[319],"w-full",[321,322,325],"tabs-item",{"icon":323,"label":324},"i-lucide-code","Code",[50,326,328],{"className":52,"code":327,"language":54,"meta":55,"style":55},"console.log(firstArray[0]);\n",[57,329,330],{"__ignoreMap":55},[60,331,332,335,337,341,344,347,350],{"class":62,"line":63},[60,333,334],{"class":70},"console",[60,336,314],{"class":74},[60,338,340],{"class":339},"s2Zo4","log",[60,342,343],{"class":70},"(firstArray[",[60,345,346],{"class":135},"0",[60,348,349],{"class":70},"])",[60,351,88],{"class":74},[321,353,356],{"icon":354,"label":355},"i-lucide-terminal","Output",[50,357,359],{"className":52,"code":358,"language":54,"meta":55,"style":55},"1\n",[57,360,361],{"__ignoreMap":55},[60,362,363],{"class":62,"line":63},[60,364,358],{"class":135},[316,366,368,393],{"className":367},[319],[321,369,370],{"icon":323,"label":324},[50,371,373],{"className":52,"code":372,"language":54,"meta":55,"style":55},"console.log(secondArray[3]);\n",[57,374,375],{"__ignoreMap":55},[60,376,377,379,381,383,386,389,391],{"class":62,"line":63},[60,378,334],{"class":70},[60,380,314],{"class":74},[60,382,340],{"class":339},[60,384,385],{"class":70},"(secondArray[",[60,387,388],{"class":135},"3",[60,390,349],{"class":70},[60,392,88],{"class":74},[321,394,395],{"icon":354,"label":355},[50,396,398],{"className":52,"code":397,"language":54,"meta":55,"style":55},"Array [ 1, 2, 3 ]\n",[57,399,400],{"__ignoreMap":55},[60,401,402,405,407,409,411,413,415],{"class":62,"line":63},[60,403,404],{"class":70},"Array [ ",[60,406,220],{"class":135},[60,408,223],{"class":74},[60,410,226],{"class":135},[60,412,223],{"class":74},[60,414,231],{"class":135},[60,416,417],{"class":70}," ]\n",[316,419,421,449],{"className":420},[319],[321,422,423],{"icon":323,"label":324},[50,424,426],{"className":52,"code":425,"language":54,"meta":55,"style":55},"console.log(secondArray[3][0]);\n",[57,427,428],{"__ignoreMap":55},[60,429,430,432,434,436,438,440,443,445,447],{"class":62,"line":63},[60,431,334],{"class":70},[60,433,314],{"class":74},[60,435,340],{"class":339},[60,437,385],{"class":70},[60,439,388],{"class":135},[60,441,442],{"class":70},"][",[60,444,346],{"class":135},[60,446,349],{"class":70},[60,448,88],{"class":74},[321,450,451],{"icon":354,"label":355},[50,452,453],{"className":52,"code":358,"language":54,"meta":55,"style":55},[57,454,455],{"__ignoreMap":55},[60,456,457],{"class":62,"line":63},[60,458,358],{"class":135},[41,460,462],{"id":461},"object","Object",[46,464,465],{},"A collection of key-value pairs of data.",[316,467,469,528],{"className":468},[319],[321,470,471],{"icon":323,"label":324},[50,472,474],{"className":52,"code":473,"language":54,"meta":55,"style":55},"const objectVariable = { prop1: 20, prop2: 50 };\n\nconsole.log(objectVariable);\n",[57,475,476,508,514],{"__ignoreMap":55},[60,477,478,480,483,485,487,490,492,495,497,500,502,505],{"class":62,"line":63},[60,479,67],{"class":66},[60,481,482],{"class":70}," objectVariable ",[60,484,75],{"class":74},[60,486,264],{"class":74},[60,488,489],{"class":267}," prop1",[60,491,271],{"class":74},[60,493,494],{"class":135}," 20",[60,496,223],{"class":74},[60,498,499],{"class":267}," prop2",[60,501,271],{"class":74},[60,503,504],{"class":135}," 50",[60,506,507],{"class":74}," };\n",[60,509,510],{"class":62,"line":91},[60,511,513],{"emptyLinePlaceholder":512},true,"\n",[60,515,517,519,521,523,526],{"class":62,"line":516},3,[60,518,334],{"class":70},[60,520,314],{"class":74},[60,522,340],{"class":339},[60,524,525],{"class":70},"(objectVariable)",[60,527,88],{"class":74},[321,529,530],{"icon":354,"label":355},[50,531,533],{"className":52,"code":532,"language":54,"meta":55,"style":55},"Object { prop1: 20, prop2: 50 }\n",[57,534,535],{"__ignoreMap":55},[60,536,537,540,543,546,548,550,552,554,556,558],{"class":62,"line":63},[60,538,539],{"class":70},"Object ",[60,541,542],{"class":74},"{",[60,544,489],{"class":545},"sBMFI",[60,547,271],{"class":74},[60,549,494],{"class":135},[60,551,223],{"class":74},[60,553,499],{"class":545},[60,555,271],{"class":74},[60,557,504],{"class":135},[60,559,560],{"class":74}," }\n",[46,562,563],{},"Objects can be infinitely nested. Unlike arrays, we use the dot notation to access the properties.",[316,565,567,688],{"className":566},[319],[321,568,569],{"icon":323,"label":324},[50,570,572],{"className":52,"code":571,"language":54,"meta":55,"style":55},"const nestedObject = {\n  layer1: {\n    layer2: {\n      layer3: {\n        targetValue: 20\n      }\n    }\n  }\n};\n\nconsole.log(nestedObject.layer1.layer2.layer3.targetValue);\n",[57,573,574,586,595,604,614,625,631,637,643,649,654],{"__ignoreMap":55},[60,575,576,578,581,583],{"class":62,"line":63},[60,577,67],{"class":66},[60,579,580],{"class":70}," nestedObject ",[60,582,75],{"class":74},[60,584,585],{"class":74}," {\n",[60,587,588,591,593],{"class":62,"line":91},[60,589,590],{"class":267},"  layer1",[60,592,271],{"class":74},[60,594,585],{"class":74},[60,596,597,600,602],{"class":62,"line":516},[60,598,599],{"class":267},"    layer2",[60,601,271],{"class":74},[60,603,585],{"class":74},[60,605,607,610,612],{"class":62,"line":606},4,[60,608,609],{"class":267},"      layer3",[60,611,271],{"class":74},[60,613,585],{"class":74},[60,615,617,620,622],{"class":62,"line":616},5,[60,618,619],{"class":267},"        targetValue",[60,621,271],{"class":74},[60,623,624],{"class":135}," 20\n",[60,626,628],{"class":62,"line":627},6,[60,629,630],{"class":74},"      }\n",[60,632,634],{"class":62,"line":633},7,[60,635,636],{"class":74},"    }\n",[60,638,640],{"class":62,"line":639},8,[60,641,642],{"class":74},"  }\n",[60,644,646],{"class":62,"line":645},9,[60,647,648],{"class":74},"};\n",[60,650,652],{"class":62,"line":651},10,[60,653,513],{"emptyLinePlaceholder":512},[60,655,657,659,661,663,666,668,671,673,676,678,681,683,686],{"class":62,"line":656},11,[60,658,334],{"class":70},[60,660,314],{"class":74},[60,662,340],{"class":339},[60,664,665],{"class":70},"(nestedObject",[60,667,314],{"class":74},[60,669,670],{"class":70},"layer1",[60,672,314],{"class":74},[60,674,675],{"class":70},"layer2",[60,677,314],{"class":74},[60,679,680],{"class":70},"layer3",[60,682,314],{"class":74},[60,684,685],{"class":70},"targetValue)",[60,687,88],{"class":74},[321,689,690],{"icon":354,"label":355},[50,691,693],{"className":52,"code":692,"language":54,"meta":55,"style":55},"20\n",[57,694,695],{"__ignoreMap":55},[60,696,697],{"class":62,"line":63},[60,698,692],{"class":135},[46,700,701],{},"We can also retrieve a value from an object by specifying the property.",[316,703,705,734],{"className":704},[319],[321,706,707],{"icon":323,"label":324},[50,708,710],{"className":52,"code":709,"language":54,"meta":55,"style":55},"console.log(objectVariable['prop2']);\n",[57,711,712],{"__ignoreMap":55},[60,713,714,716,718,720,723,725,728,730,732],{"class":62,"line":63},[60,715,334],{"class":70},[60,717,314],{"class":74},[60,719,340],{"class":339},[60,721,722],{"class":70},"(objectVariable[",[60,724,85],{"class":74},[60,726,727],{"class":81},"prop2",[60,729,85],{"class":74},[60,731,349],{"class":70},[60,733,88],{"class":74},[321,735,736],{"icon":354,"label":355},[50,737,739],{"className":52,"code":738,"language":54,"meta":55,"style":55},"50\n",[57,740,741],{"__ignoreMap":55},[60,742,743],{"class":62,"line":63},[60,744,738],{"class":135},[746,747,748],"style",{},"html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}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 .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}",{"title":55,"searchDepth":91,"depth":91,"links":750},[751,752,753,754,755],{"id":43,"depth":91,"text":44},{"id":114,"depth":91,"text":115},{"id":155,"depth":91,"text":156},{"id":196,"depth":91,"text":197},{"id":461,"depth":91,"text":462},"Learn about data types in JavaScript.","md",null,{},{"icon":34},{"title":31,"description":756},"MULTC_gTOG9t-FQnyihoBiBwX3s79bICIF6vLHvxPOI",[764,758],{"title":26,"path":27,"stem":28,"description":765,"icon":29,"children":-1},"Learn about variables in JavaScript.",1779604242644]