[{"data":1,"prerenderedAt":340},["ShallowReactive",2],{"guide-what-is-json":3},{"id":4,"title":5,"body":6,"date":331,"description":332,"extension":333,"meta":334,"navigation":335,"path":336,"readingTime":200,"seo":337,"stem":338,"__hash__":339},"guides\u002Fguides\u002Fwhat-is-json.md","What is JSON? Complete Beginner's Guide",{"type":7,"value":8,"toc":321},"minimark",[9,14,18,22,25,87,92,221,225,259,263,292,296,305,309,317],[10,11,13],"h2",{"id":12},"what-is-json","What is JSON?",[15,16,17],"p",{},"JSON (JavaScript Object Notation) is a lightweight data-interchange format that has become the de facto standard for data exchange on the web. It is easy for humans to read and write, and easy for machines to parse and generate.",[10,19,21],{"id":20},"json-syntax-basics","JSON Syntax Basics",[15,23,24],{},"JSON data is written as key-value pairs. Keys must be strings wrapped in double quotes, and values can be:",[26,27,28,40,52,63,71,79],"ul",{},[29,30,31,35,36],"li",{},[32,33,34],"strong",{},"Strings",": ",[37,38,39],"code",{},"\"hello world\"",[29,41,42,35,45,48,49],{},[32,43,44],{},"Numbers",[37,46,47],{},"42",", ",[37,50,51],{},"3.14",[29,53,54,35,57,48,60],{},[32,55,56],{},"Booleans",[37,58,59],{},"true",[37,61,62],{},"false",[29,64,65,35,68],{},[32,66,67],{},"Null",[37,69,70],{},"null",[29,72,73,35,76],{},[32,74,75],{},"Arrays",[37,77,78],{},"[1, 2, 3]",[29,80,81,35,84],{},[32,82,83],{},"Objects",[37,85,86],{},"{\"key\": \"value\"}",[88,89,91],"h3",{"id":90},"example","Example",[93,94,99],"pre",{"className":95,"code":96,"language":97,"meta":98,"style":98},"language-json shiki shiki-themes github-light github-dark","{\n  \"name\": \"John Doe\",\n  \"age\": 30,\n  \"isActive\": true,\n  \"skills\": [\"JavaScript\", \"Python\", \"SQL\"],\n  \"address\": {\n    \"city\": \"New York\",\n    \"country\": \"USA\"\n  }\n}\n","json","",[37,100,101,110,126,139,151,176,185,198,209,215],{"__ignoreMap":98},[102,103,106],"span",{"class":104,"line":105},"line",1,[102,107,109],{"class":108},"sVt8B","{\n",[102,111,113,117,119,123],{"class":104,"line":112},2,[102,114,116],{"class":115},"sj4cs","  \"name\"",[102,118,35],{"class":108},[102,120,122],{"class":121},"sZZnC","\"John Doe\"",[102,124,125],{"class":108},",\n",[102,127,129,132,134,137],{"class":104,"line":128},3,[102,130,131],{"class":115},"  \"age\"",[102,133,35],{"class":108},[102,135,136],{"class":115},"30",[102,138,125],{"class":108},[102,140,142,145,147,149],{"class":104,"line":141},4,[102,143,144],{"class":115},"  \"isActive\"",[102,146,35],{"class":108},[102,148,59],{"class":115},[102,150,125],{"class":108},[102,152,154,157,160,163,165,168,170,173],{"class":104,"line":153},5,[102,155,156],{"class":115},"  \"skills\"",[102,158,159],{"class":108},": [",[102,161,162],{"class":121},"\"JavaScript\"",[102,164,48],{"class":108},[102,166,167],{"class":121},"\"Python\"",[102,169,48],{"class":108},[102,171,172],{"class":121},"\"SQL\"",[102,174,175],{"class":108},"],\n",[102,177,179,182],{"class":104,"line":178},6,[102,180,181],{"class":115},"  \"address\"",[102,183,184],{"class":108},": {\n",[102,186,188,191,193,196],{"class":104,"line":187},7,[102,189,190],{"class":115},"    \"city\"",[102,192,35],{"class":108},[102,194,195],{"class":121},"\"New York\"",[102,197,125],{"class":108},[102,199,201,204,206],{"class":104,"line":200},8,[102,202,203],{"class":115},"    \"country\"",[102,205,35],{"class":108},[102,207,208],{"class":121},"\"USA\"\n",[102,210,212],{"class":104,"line":211},9,[102,213,214],{"class":108},"  }\n",[102,216,218],{"class":104,"line":217},10,[102,219,220],{"class":108},"}\n",[10,222,224],{"id":223},"why-json-is-popular","Why JSON is Popular",[226,227,228,234,240,246],"ol",{},[29,229,230,233],{},[32,231,232],{},"Human-readable",": The syntax is simple and intuitive",[29,235,236,239],{},[32,237,238],{},"Language-independent",": Almost every programming language has JSON support",[29,241,242,245],{},[32,243,244],{},"Lightweight",": Minimal overhead compared to XML",[29,247,248,251,252,255,256],{},[32,249,250],{},"Native JavaScript support",": Parsed natively with ",[37,253,254],{},"JSON.parse()"," and serialized with ",[37,257,258],{},"JSON.stringify()",[10,260,262],{"id":261},"common-uses-of-json","Common Uses of JSON",[26,264,265,271,280,286],{},[29,266,267,270],{},[32,268,269],{},"APIs",": REST APIs return data in JSON format",[29,272,273,276,277],{},[32,274,275],{},"Configuration files",": Package managers like npm use ",[37,278,279],{},"package.json",[29,281,282,285],{},[32,283,284],{},"Data storage",": NoSQL databases like MongoDB store data in JSON-like format",[29,287,288,291],{},[32,289,290],{},"Web sockets",": Real-time communication often uses JSON messages",[10,293,295],{"id":294},"json-vs-other-formats","JSON vs Other Formats",[15,297,298,299,304],{},"See our detailed ",[300,301,303],"a",{"href":302},"\u002Fguides\u002Fjson-vs-xml","JSON vs XML comparison"," to understand when to use each format.",[10,306,308],{"id":307},"try-it-yourself","Try It Yourself",[15,310,311,312,316],{},"Use our free ",[300,313,315],{"href":314},"\u002Ftools\u002Fjson-formatter","JSON Formatter"," to format, validate, and minify your JSON data online.",[318,319,320],"style",{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}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);}",{"title":98,"searchDepth":112,"depth":112,"links":322},[323,324,327,328,329,330],{"id":12,"depth":112,"text":13},{"id":20,"depth":112,"text":21,"children":325},[326],{"id":90,"depth":128,"text":91},{"id":223,"depth":112,"text":224},{"id":261,"depth":112,"text":262},{"id":294,"depth":112,"text":295},{"id":307,"depth":112,"text":308},"2026-05-26","Learn what JSON is, how it works, and why it's the most popular data format for APIs and web applications.","md",{"immutable":335},true,"\u002Fguides\u002Fwhat-is-json",{"title":5,"description":332},"guides\u002Fwhat-is-json","hMWzXT-23pAduosUy4Yop_6zajTf3M81E9HB7mB-UVw",1780401325870]