[{"data":1,"prerenderedAt":342},["ShallowReactive",2],{"term-o\u002Fobject":3,"related-o\u002Fobject":323},{"id":4,"title":5,"acronym":6,"body":7,"category":304,"description":305,"difficulty":306,"extension":307,"letter":308,"meta":309,"navigation":191,"path":310,"related":311,"seo":317,"sitemap":318,"stem":321,"subcategory":6,"__hash__":322},"terms\u002Fterms\u002Fo\u002Fobject.md","Object",null,{"type":8,"value":9,"toc":298},"minimark",[10,15,19,23,26,30,287,291,294],[11,12,14],"h2",{"id":13},"eli5-the-vibe-check","ELI5 — The Vibe Check",[16,17,18],"p",{},"An object is like a labeled container — instead of numbered boxes like an array, each box has a name. A 'user' object might have a 'name' box, an 'email' box, and an 'age' box. Objects are everywhere in programming. In JavaScript, almost everything IS an object.",[11,20,22],{"id":21},"real-talk","Real Talk",[16,24,25],{},"In programming, an object is a data structure that groups related data as key-value pairs (properties). In object-oriented programming (OOP), objects are instances of classes that encapsulate state (properties) and behavior (methods). In JavaScript, objects are dynamic collections of key-value pairs and serve as the basis for JSON, the prototype system, and most data modeling.",[11,27,29],{"id":28},"show-me-the-code","Show Me The Code",[31,32,37],"pre",{"className":33,"code":34,"language":35,"meta":36,"style":36},"language-javascript shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u002F\u002F JavaScript object:\nconst user = {\n  name: 'Alice',\n  age: 28,\n  email: 'alice@example.com',\n  isActive: true,\n  greet() {\n    return `Hi, I'm ${this.name}`;\n  }\n};\n\nconsole.log(user.name);      \u002F\u002F dot notation\nconsole.log(user['email']);  \u002F\u002F bracket notation\nuser.age = 29;               \u002F\u002F update property\ndelete user.isActive;        \u002F\u002F remove property\n","javascript","",[38,39,40,49,67,90,104,121,135,146,174,180,186,193,220,247,268],"code",{"__ignoreMap":36},[41,42,45],"span",{"class":43,"line":44},"line",1,[41,46,48],{"class":47},"sHwdD","\u002F\u002F JavaScript object:\n",[41,50,52,56,60,64],{"class":43,"line":51},2,[41,53,55],{"class":54},"spNyl","const",[41,57,59],{"class":58},"sTEyZ"," user ",[41,61,63],{"class":62},"sMK4o","=",[41,65,66],{"class":62}," {\n",[41,68,70,74,77,80,84,87],{"class":43,"line":69},3,[41,71,73],{"class":72},"swJcz","  name",[41,75,76],{"class":62},":",[41,78,79],{"class":62}," '",[41,81,83],{"class":82},"sfazB","Alice",[41,85,86],{"class":62},"'",[41,88,89],{"class":62},",\n",[41,91,93,96,98,102],{"class":43,"line":92},4,[41,94,95],{"class":72},"  age",[41,97,76],{"class":62},[41,99,101],{"class":100},"sbssI"," 28",[41,103,89],{"class":62},[41,105,107,110,112,114,117,119],{"class":43,"line":106},5,[41,108,109],{"class":72},"  email",[41,111,76],{"class":62},[41,113,79],{"class":62},[41,115,116],{"class":82},"alice@example.com",[41,118,86],{"class":62},[41,120,89],{"class":62},[41,122,124,127,129,133],{"class":43,"line":123},6,[41,125,126],{"class":72},"  isActive",[41,128,76],{"class":62},[41,130,132],{"class":131},"sfNiH"," true",[41,134,89],{"class":62},[41,136,138,141,144],{"class":43,"line":137},7,[41,139,140],{"class":72},"  greet",[41,142,143],{"class":62},"()",[41,145,66],{"class":62},[41,147,149,153,156,159,162,165,168,171],{"class":43,"line":148},8,[41,150,152],{"class":151},"s7zQu","    return",[41,154,155],{"class":62}," `",[41,157,158],{"class":82},"Hi, I'm ",[41,160,161],{"class":62},"${",[41,163,164],{"class":62},"this.",[41,166,167],{"class":58},"name",[41,169,170],{"class":62},"}`",[41,172,173],{"class":62},";\n",[41,175,177],{"class":43,"line":176},9,[41,178,179],{"class":62},"  }\n",[41,181,183],{"class":43,"line":182},10,[41,184,185],{"class":62},"};\n",[41,187,189],{"class":43,"line":188},11,[41,190,192],{"emptyLinePlaceholder":191},true,"\n",[41,194,196,199,202,206,209,211,214,217],{"class":43,"line":195},12,[41,197,198],{"class":58},"console",[41,200,201],{"class":62},".",[41,203,205],{"class":204},"s2Zo4","log",[41,207,208],{"class":58},"(user",[41,210,201],{"class":62},[41,212,213],{"class":58},"name)",[41,215,216],{"class":62},";",[41,218,219],{"class":47},"      \u002F\u002F dot notation\n",[41,221,223,225,227,229,232,234,237,239,242,244],{"class":43,"line":222},13,[41,224,198],{"class":58},[41,226,201],{"class":62},[41,228,205],{"class":204},[41,230,231],{"class":58},"(user[",[41,233,86],{"class":62},[41,235,236],{"class":82},"email",[41,238,86],{"class":62},[41,240,241],{"class":58},"])",[41,243,216],{"class":62},[41,245,246],{"class":47},"  \u002F\u002F bracket notation\n",[41,248,250,253,255,258,260,263,265],{"class":43,"line":249},14,[41,251,252],{"class":58},"user",[41,254,201],{"class":62},[41,256,257],{"class":58},"age ",[41,259,63],{"class":62},[41,261,262],{"class":100}," 29",[41,264,216],{"class":62},[41,266,267],{"class":47},"               \u002F\u002F update property\n",[41,269,271,274,277,279,282,284],{"class":43,"line":270},15,[41,272,273],{"class":62},"delete",[41,275,276],{"class":58}," user",[41,278,201],{"class":62},[41,280,281],{"class":58},"isActive",[41,283,216],{"class":62},[41,285,286],{"class":47},"        \u002F\u002F remove property\n",[11,288,290],{"id":289},"when-youll-hear-this","When You'll Hear This",[16,292,293],{},"\"Return that as a JSON object.\" \u002F \"Model the user data as an object with name and email fields.\"",[295,296,297],"style",{},"html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}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 .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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 .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}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);}",{"title":36,"searchDepth":51,"depth":51,"links":299},[300,301,302,303],{"id":13,"depth":51,"text":14},{"id":21,"depth":51,"text":22},{"id":28,"depth":51,"text":29},{"id":289,"depth":51,"text":290},"general","An object is like a labeled container — instead of numbered boxes like an array, each box has a name.","beginner","md","o",{},"\u002Fterms\u002Fo\u002Fobject",[312,313,314,315,316],"Array","Hash Map","Class","JSON","Data Structure",{"title":5,"description":305},{"changefreq":319,"priority":320},"weekly",0.7,"terms\u002Fo\u002Fobject","8sR-akoiHLdK-yUS1df-m2TzrKWXOqaPljktn4yrRSE",[324,327,330,333,337],{"title":312,"path":325,"acronym":6,"category":304,"difficulty":306,"description":326},"\u002Fterms\u002Fa\u002Farray","An array is a list of things in order, like a numbered row of boxes. Box 0 holds the first item, box 1 holds the second, and so on.",{"title":314,"path":328,"acronym":6,"category":304,"difficulty":306,"description":329},"\u002Fterms\u002Fc\u002Fclass","A class is a blueprint for creating objects.",{"title":316,"path":331,"acronym":6,"category":304,"difficulty":306,"description":332},"\u002Fterms\u002Fd\u002Fdata-structure","A data structure is a way of organizing information in your code so it is easy to use and fast to access.",{"title":313,"path":334,"acronym":6,"category":304,"difficulty":335,"description":336},"\u002Fterms\u002Fh\u002Fhash-map","intermediate","A hash map is a super-fast lookup table. You store a value under a key (like a label), and you can find it instantly without searching through everything.",{"title":315,"path":338,"acronym":339,"category":340,"difficulty":306,"description":341},"\u002Fterms\u002Fj\u002Fjson","JavaScript Object Notation","backend","JSON is the universal language the internet uses to pass data around. It looks like a JavaScript object — curly braces, key-value pairs.",1776518298820]