�鍙戣�澶囷細JSON鏍煎紡鍖栧畬鍏ㄦ寚鍗椻�斺�斾粠娣蜂贡鍒版鏅殑鐬棿杞 | 胖袋鼠锟?/title> <meta name="description" content="璇︾粏浠粛JSON鏍煎紡鍖殑閲嶈с�佸父瑙棶棰樸�佸伐鍏蜂娇鐢ㄦ妧宸с�佽皟璇曠粡岋紝甯姪�鍙戣�粠娣蜂贡的凧SON鏁版嵁涓揩熺悊鍑哄ご缁拷?> <meta name="keywords" content="JSON鏍煎紡锟?JSON宸ュ,JSON璋冭,�鍙戣�伐锟?鍓嶇�锟?鍚庣�锟?API璋冭,鏁版嵁缁撴"> <link rel="canonical" href="https://zhihuinews.com/articles/json-formatting-guide.html"> <meta property="og:type" content="article"> <meta property="og:title" content="�鍙戣�澶囷細JSON鏍煎紡鍖栧畬鍏ㄦ寚鍗椻�斺�斾粠娣蜂贡鍒版鏅殑鐬棿杞"> <meta property="og:description" content="璇︾粏浠粛JSON鏍煎紡鍖殑閲嶈с�佸父瑙棶棰樸�佸伐鍏蜂娇鐢ㄦ妧宸с�佽皟璇曠粡岋紝甯姪�鍙戣�粠娣蜂贡的凧SON鏁版嵁涓揩熺悊鍑哄ご缁拷?> <meta property="og:url" content="https://zhihuinews.com/articles/json-formatting-guide.html"> <meta property="og:site_name" content="胖袋鼠锟?> <meta property="og:locale" content="zh_CN"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="�鍙戣�澶囷細JSON鏍煎紡鍖栧畬鍏ㄦ寚鍗椻�斺�斾粠娣蜂贡鍒版鏅殑鐬棿杞"> <meta name="twitter:description" content="璇︾粏浠粛JSON鏍煎紡鍖殑閲嶈с�佸父瑙棶棰樸�佸伐鍏蜂娇鐢ㄦ妧宸с�佽皟璇曠粡岋紝甯姪�鍙戣�粠娣蜂贡的凧SON鏁版嵁涓揩熺悊鍑哄ご缁拷?>  <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Article", "headline": "�鍙戣�澶囷細JSON鏍煎紡鍖栧畬鍏ㄦ寚鍗椻�斺�斾粠娣蜂贡鍒版鏅殑鐬棿杞", "description": "璇︾粏浠粛JSON鏍煎紡鍖殑閲嶈с�佸父瑙棶棰樸�佸伐鍏蜂娇鐢ㄦ妧宸с�佽皟璇曠粡岋紝甯姪�鍙戣�粠娣蜂贡的凧SON鏁版嵁涓揩熺悊鍑哄ご缁拷?, "datePublished": "2026-04-26", "dateModified": "2026-04-26", "url": "https://zhihuinews.com/articles/json-formatting-guide.html", "author": { "@type": "Organization", "name": "胖袋鼠锟? }, "publisher": { "@type": "Organization", "name": "胖袋鼠锟? } } </script>  <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "棣栭", "item": "https://zhihuinews.com/index.html" }, { "@type": "ListItem", "position": 2, "name": "鏂囨", "item": "https://zhihuinews.com/articles/index.html" }, { "@type": "ListItem", "position": 3, "name": "�鍙戣�澶囷細JSON鏍煎紡鍖栧畬鍏ㄦ寚鍗椻�斺�斾粠娣蜂贡鍒版鏅殑鐬棿杞", "item": "https://zhihuinews.com/articles/json-formatting-guide.html" } ] } </script> <style> * { margin: 0; padding: 0; box-sizing: border-box; } :root { --bg-color: #ffffff; --text-color: #1f2937; --link-color: #2563eb; --border-color: #e5e7eb; --code-bg: #f6f8fa; --quote-bg: #fafbfc; --quote-border: #e2e8f0; --card-bg: #f9fafb; --panel-bg: rgba(255, 255, 255, 0.9); --cta-bg: linear-gradient(135deg, #eff6ff 0%, #eef2ff 100%); --cta-border: rgba(37, 99, 235, 0.18); } @media (prefers-color-scheme: dark) { :root { --bg-color: #111827; --text-color: #f3f4f6; --link-color: #60a5fa; --border-color: #374151; --code-bg: #1e1e1e; --quote-bg: #2d2d2d; --quote-border: #4b5563; --card-bg: #1f2937; --panel-bg: rgba(30, 41, 59, 0.88); --cta-bg: linear-gradient(135deg, #172554 0%, #1e1b4b 100%); --cta-border: rgba(96, 165, 250, 0.24); } } html { scroll-behavior: smooth; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; background-color: var(--bg-color); color: var(--text-color); line-height: 1.35; min-height: 100vh; } .container { max-width: 1000px; margin: 0 auto; padding: 0 20px; } @media (max-width: 768px) { .container { padding: 0 15px; } } .back-link { display: inline-block; margin: 20px 0; color: var(--link-color); text-decoration: none; font-size: 14px; } .back-link:hover { text-decoration: underline; } .article { background-color: var(--bg-color); border-radius: 8px; padding: 30px 32px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } @media (max-width: 768px) { .article { padding: 22px 18px; } } h1 { font-size: 30px; line-height: 1.25; font-weight: 700; margin-bottom: 12px; letter-spacing: -0.02em; } h2 { font-size: 22px; line-height: 1.28; font-weight: 700; margin-top: 34px; margin-bottom: 10px; scroll-margin-top: 24px; } h3 { font-size: 18px; line-height: 1.35; font-weight: 600; margin-top: 22px; margin-bottom: 6px; } h4 { font-size: 17px; line-height: 1.35; font-weight: 500; margin-top: 18px; margin-bottom: 6px; } p { margin-bottom: 10px; font-size: 15px; } a { color: var(--link-color); text-decoration: none; } a:hover { text-decoration: underline; } ul, ol { padding-left: 22px; margin-bottom: 14px; } li { margin-bottom: 6px; font-size: 15px; line-height: 1.65; } .code-block { background-color: var(--code-bg); font-family: 'Courier New', Consolas, monospace; font-size: 13px; padding: 14px; border-radius: 8px; overflow-x: auto; margin: 14px 0; line-height: 1.55; } blockquote { border-left: 4px solid var(--quote-border); background-color: var(--quote-bg); padding: 10px 14px; font-style: italic; font-size: 14px; margin: 14px 0; } img { display: block; max-width: 100%; margin: 16px auto; border-radius: 8px; } figcaption { text-align: center; font-size: 14px; color: #6c757d; margin-top: 8px; margin-bottom: 20px; } .metadata { display: flex; gap: 14px; font-size: 13px; color: #6c757d; margin-bottom: 18px; flex-wrap: wrap; } .metadata span { display: flex; align-items: center; gap: 4px; } .article-summary { font-size: 15px; color: #4b5563; } .article-cta { margin: 18px 0; padding: 12px 14px; border-radius: 10px; background: var(--cta-bg); border: 1px solid var(--cta-border); } .article-cta-head { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin-bottom: 4px; } .article-cta strong { font-size: 14px; } .article-cta a { font-size: 15px; font-weight: 700; } .article-cta p { margin-bottom: 0; font-size: 13px; color: #6c757d; } .article-cta:hover { box-shadow: 0 10px 22px rgba(37, 99, 235, 0.08); } .article-cta:last-of-type { margin-bottom: 4px; } /* ========== 鎺ㄨ崘鏉潡鏍峰紡 - 涓ユ牸鎸夌収宸ュ叿�鍙戣鑼冨疄锟?========== */ /* 鎺ㄨ崘鏉潡瑰 */ .recommendations-section { margin-top: 4px; padding-top: 12px; } /* 鏉垮潡鏍鏍峰紡 */ .section-title { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; font-size: 18px; font-weight: 600; color: var(--text-color); margin-bottom: 16px; padding-left: 12px; border-left: 3px solid #2563eb; line-height: 1.4; text-align: left; } /* 宸ュ叿鍗＄缃戞牸冨眬 - 4锟�?*/ .tools-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 16px; } /* 宸ュ叿鍗＄鏍峰紡 */ .tool-card-mini { display: block; padding: 14px; background: var(--panel-bg); border: 1px solid var(--border-color); border-radius: 8px; text-decoration: none; transition: all 0.2s ease; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; text-align: left; } /* 宸ュ叿鍗＄鎮仠鏁堟灉 */ .tool-card-mini:hover { border-color: #2563eb; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15); } /* 宸ュ叿鍗＄婵�锟?鐒︾偣鐘讹拷?*/ .tool-card-mini:active, .tool-card-mini:focus { border-color: #1d4ed8; box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1); outline: none; } /* 宸ュ叿鍗＄澶 */ .tool-card-mini-header { margin-bottom: 6px; } /* 宸ュ叿鍚嶇О鏍峰紡 */ .tool-name { font-size: 14px; font-weight: 600; line-height: 1.4; } /* 宸ュ叿鎻忚堪鏍峰 */ .tool-desc { font-size: 12px; color: #64748b; margin: 0; line-height: 1.4; } /* 搴曢儴閾帴鏍峰紡锛堟洿澶伐锟?鏌ョ湅鍏ㄩ儴鏂囨/杩斿洖棣〉锟?*/ .more-link { display: block; text-align: center; margin-top: 16px; font-size: 14px; font-weight: 600; text-decoration: none; padding: 12px 24px; background: var(--panel-bg); border: 1px solid var(--border-color); border-radius: 8px; transition: all 0.2s ease; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; } /* 搴曢儴閾帴鎮仠鏁堟灉 */ .more-link:hover { border-color: #2563eb; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15); text-decoration: none; } /* 搴曢儴閾帴婵�锟?鐒︾偣鐘讹拷?*/ .more-link:active, .more-link:focus { border-color: #1d4ed8; box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1); outline: none; } /* 鏂囨。鍒楄缃戞牸冨眬 - 鍗曞 */ .docs-list { display: grid; grid-template-columns: 1fr; gap: 14px; margin-bottom: 16px; } /* 鏂囨。鍗＄鏍峰紡 */ .doc-card { display: flex; gap: 12px; padding: 14px; background: var(--panel-bg); border: 1px solid var(--border-color); border-radius: 8px; text-decoration: none; transition: all 0.2s ease; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; } /* 鏂囨。鍗＄鎮仠鏁堟灉 */ .doc-card:hover { border-color: #2563eb; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15); } /* 鏂囨。鍗＄婵�锟?鐒︾偣鐘讹拷?*/ .doc-card:active, .doc-card:focus { border-color: #1d4ed8; box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1); outline: none; } /* 鏂囨。鍥爣瑰 */ .doc-icon { display: inline-flex; margin-right: 6px; flex-shrink: 0; } /* 鏂囨。鍥SVG鏍峰 */ .doc-icon svg { width: 16px; height: 16px; color: #2563eb; stroke-width: 1.5; } /* 鏂囨。淇℃伅瀹瑰 */ .doc-info { flex: 1; min-width: 0; text-align: left; } /* 鏂囨。鏍鏍峰紡 */ .doc-title { display: block; font-size: 14px; font-weight: 600; margin-bottom: 4px; line-height: 1.4; } /* 鏂囨。鎻忚堪鏍峰 - 鏈�澶氭樉锟?锟�?*/ .doc-desc { font-size: 12px; color: #64748b; margin: 0; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .footer { margin-top: 44px; padding-top: 18px; border-top: 1px solid var(--border-color); } /* ========== 鍝嶅簲忓灞 ========== */ @media (max-width: 900px) { .tools-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .tools-grid { grid-template-columns: 1fr; } } @media (max-width: 768px) { h1 { font-size: 25px; line-height: 1.28; margin-bottom: 10px; } h2 { font-size: 20px; margin-top: 28px; margin-bottom: 8px; } h3 { font-size: 17px; margin-top: 18px; } h4 { font-size: 15px; margin-top: 16px; } p, li { font-size: 15px; line-height: 1.65; } .metadata { gap: 10px; margin-bottom: 14px; } .article-summary { font-size: 15px; } .article-cta { margin: 14px 0; padding: 11px 12px; border-radius: 10px; } .article-cta strong { font-size: 14px; } .article-cta a { font-size: 15px; } .article-cta p { font-size: 13px; line-height: 1.55; } .recommendations-section { margin-top: 28px; padding-top: 24px; } .section-title { font-size: 16px; } } @media (max-width: 520px) { .article { border-radius: 0; box-shadow: none; } .back-link { margin: 14px 0 16px; font-size: 13px; } .metadata { font-size: 12px; } .more-link { width: 100%; padding: 14px; font-size: 15px; } } </style> <script src="../assets/baidu-analytics.js"></script> </head> <body> <div class="container"> <div class="header-bar"> <a href="../index.html" class="back-link">← 返回首页</a> <a href="../index.html" class="tool-brand-link"><span class="brand-icon"></span>胖鼠<span class="brand-domain" style="font-weight:700;font-size:0.9rem;color:#333;opacity:0.8;margin-left:0.12rem;letter-spacing:0.8px;font-family:'Helvetica Neue','Arial Narrow',Arial,sans-serif;font-stretch:condensed;">pangdaishu.com</span></a> </div><div class="article"> <h1>�鍙戣�澶囷細JSON鏍煎紡鍖栧畬鍏ㄦ寚鍗椻�斺�斾粠娣蜂贡鍒版鏅殑鐬棿杞</h1> <div class="metadata"> <span>胖袋鼠锟?/span> <span>2026-04-26</span> </div> <p class="article-summary">浣滀负�鍙戣�咃紝姣忓ぉ闈㈠鍘缉鎴竴琛殑JSON鏁版嵁鏄惁璁╀綘澶寸柤锛烝PI鍝嶅簲闅句互闃呰銆厤缃枃浠剁粨鏋贩涔便�佽皟璇曟椂鎵句笉鍒伴棶棰樻鍦紵杩欎簺閮芥槸JSON鏍煎紡涓嶈鑼冨鏉ョ殑鍥版锟?/p> <p class="article-summary">鏈枃灏嗕负浣犳彁渚涗浠藉叏闈㈢殑JSON鏍煎紡鍖栨寚鍗紝浠庡鏈蹇靛埌楂骇鎶�宸э紝閰嶅悎在线宸ュ叿甯姪浣犱粠娣蜂贡的凧SON鏁版嵁涓揩熺悊鍑哄ご缁紝澶у箙鎻愬崌�鍙戞晥鐜囷?/p>  <div class="article-cta"> <div class="article-cta-head"> <strong>🦘憠绔嵆浣跨敤锟�?/strong> <a href="../tools/json.html">JSON鏍煎紡锟?/a> </div> <p>鏃犻渶涓浇锛屾墦�鍗冲彲浣跨敤锛函鍓嶇杩愯淇濇姢闅愮</p> </div> <h2>涓�銆丣SON鏍煎紡鍖殑閲嶈锟�?/h2> <p>JSON锛圝avaScript Object Notation锛凡鎴愪负鐜颁唬�鍙戜腑鏈�哥敤的勬暟鎹氦鎹㈡牸忋�傛棤璁烘槸API鍝嶅簲銆厤缃枃浠惰繕鏄暟鎹紶杈擄紝JSON芥旂潃鏍稿績瑙掕壊銆備絾鏈粡鏍煎紡鍖栫殑JSON鏁版嵁�寰�鏄竴琛屽埌搴曪紝闃呰鍜岃皟璇曢兘闈炲父鍥伴锟?/p> <h3>1. 鎻愰鍙锟?/h3> <p>鏍煎紡鍖栧悗的凧SON鏈鏅殑缂╄繘鍜屽眰绾х粨鏋勶紝涓�煎氨鑳界湅鍑烘暟鎹殑缁粐鏂瑰紡锛屽ぇ澶ф彁鍗槄璇讳綋楠岋?/p> <h3>2. 鏂究璋冭</h3> <p>鏍煎紡鍖殑JSON鏇村鏄撳彂鐜拌娉曢敊璇�佺粨鏋棶棰樺拰昏緫閿欒锛岃皟璇曟晥鐜囨垚鍊嶆彁鍗囷拷?/p> <h3>3. 渚夸鐞嗚В</h3> <p>氳繃鏍煎紡鍖栵紝鍙互娓櫚鍦湅鍒癑SON鏁版嵁的祵濂叧绯伙紝蹇�熺悊瑙ｅ鏉傜殑鏁版嵁缁撴锟�?/p> <h3>4. 鍑忓閿欒</h3> <p>鏍煎紡鍖栧伐鍏疯兘鑷姩�娴苟鎻ず缂哄皯鎷彿銆�彿绛夊父瑙佽娉曢敊璇紝閬厤浣庣骇閿欒娴垂�鍙戞闂达拷?/p> <h2>浜屻�丣SON的勫鏈粨锟?/h2> <h3>1. JSON瀵薄</h3> <p>JSON瀵薄鏄敱閿�煎缁勬垚的泦鍚紝鐢ㄥぇ鎷 <code>{}</code> 琛ㄧず锟?/p> <div class="code-block"> { "name": "John", "age": 30, "isDeveloper": true, "skills": ["JavaScript", "Python", "Java"] } </div> <h3>2. JSON鏁扮</h3> <p>JSON鏁扮粍鏄敱鍊肩粍鎴殑鏈夊簭闆嗗悎锛敤鏂规锟�?<code>[]</code> 琛ㄧず锟?/p> <div class="code-block"> [ { "name": "John", "age": 30 }, { "name": "Jane", "age": 25 } ] </div> <h3>3. JSON鏁版嵁绫诲</h3> <ul> <li>瀛涓紙string锛細ㄥ弻曞彿鍖呰</li> <li>鏁板瓧锛umber锛細鏁存暟鎴栨诞鐐暟</li> <li>冨皵鍊硷紙boolean锛細true 锟�?false</li> <li>鏁扮粍锛坅rray锛細ㄦ柟鎷彿鍖呰９的勬湁搴忓�奸泦锟�?/li> <li>瀵薄锛坥bject锛細ㄥぇ鎷彿鍖呰９的勯鍊煎闆嗗</li> <li>null锛氳〃绀虹┖锟�?/li> </ul> <h2>涓�佸父瑙佺殑JSON鏍煎紡鍖棶锟?/h2> <h3>1. 璇硶閿欒</h3> <ul> <li>缂哄鎷彿锛璞℃垨鏁粍娌℃湁姝ｇ‘闂悎</li> <li>缂哄彿锛氶敭鍊煎鎴栨暟缁厓绱犱闂寸己灏戦�</li> <li>閿悕鏈敤鍙屽紩鍙凤細JSON瑕佹眰閿悕蹇呴』鐢ㄥ弻曞彿</li> <li>瀛涓叉ㄥ弻曞彿锛SON瑕佹眰涓插椤荤敤鍙屽紩锟�?/li> </ul> <h3>2. 缁撴闂</h3> <ul> <li>宓屽杩囨繁锛SON宓屽灞傜骇杩囨繁锛岄浠ラ璇诲拰鐞嗚В</li> <li>鏁版嵁鍐椾綑锛氬寘鍚笉蹇呰的噸澶嶆暟锟�?/li> <li>缁撴涓嶄竴鑷达細鏁版嵁缁撴鍦ㄤ笉鍚屼綅缃笉涓�锟?/li> </ul> <h3>3. ц兘闂</h3> <ul> <li>鏁版嵁杩囧ぇ锛SON鏁版嵁杩囧ぇ锛岃В鏋愬拰浼犺緭熷锟?/li> <li>閲嶅瑙ｆ锛娆¤В鏋愬悓涓�JSON鏁版嵁锛屾氮璐�ц</li> </ul> <h2>鍥涖�佸浣曚娇鐢↗SON鏍煎紡鍖栧伐锟�?/h2> <p>胖袋鼠榧犵殑JSON鏍煎紡鍖栧伐鍏峰彲浠ュ府鍔╀綘蹇�熸牸忓銆獙璇佸拰缇庡寲JSON鏁版嵁锛屾彁楂樺紑鍙戞晥鐜囷?/p>  <div class="article-cta"> <div class="article-cta-head"> <strong>🦘憠鐩存帴鎵撳紑宸ュ叿锟?/strong> <a href="../tools/json.html">JSON鏍煎紡锟?/a> </div> <p>鐜板灏辫涓�涓紝湅你的JSON鏁版嵁鏄惁姝ｇ</p> </div> <h3>浣跨敤ラ</h3> <ol> <li><strong>杈撳叆JSON锟�?/strong>鍦ㄥ乏渚ц鍏ユ涓矘璐撮渶瑕佹牸忓的SON鏁版嵁锟?/li> <li><strong>鏍煎紡鍖栵細</strong>鐐瑰"鏍煎紡锟?鎸挳锛岀郴缁熶細鑷姩SON鏁版嵁杩涜鏍煎紡鍖栵拷?/li> <li><strong>楠岃瘉锟?/strong>宸ュ叿浼氳嚜鍔ㄩ獙璇SON璇硶鏄惁姝ｇ‘锛屽鏈敊璇細鎻ず锟?/li> <li><strong>澶嶅埗缁撴灉锟�?/strong>鏍煎紡鍖栧畬鎴愬悗锛屽彲浠ュ鍒跺彸渚х殑鏍煎紡鍖粨鏋滐拷?/li> </ol> <h3>宸ュ叿浼樺娍</h3> <ul> <li>瀹屽叏免费锛屾棤闇�娉ㄥ唽</li> <li>绾墠绔繍琛岋紝淇濇姢闅愮</li> <li>鎿嶄綔绠�鍗紝鐣岄潰鐩</li> <li>寔璇硶閿欒鎻愮</li> <li>鍝嶅簲閫熷蹇紝澶悊澶у瀷JSON鏁版嵁涔熶笉鍗￠</li> </ul> <h2>浜斻�丣SON鏍煎紡鍖殑骇鎶�锟�?/h2> <h3>1. 澶勭悊澶у瀷JSON鏁版</h3> <p>瀵簬澶уJSON鏁版嵁锛屽彲浠ワ</p> <ul> <li>浣跨敤鍒嗗潡澶勭悊锛岄伩鍏嶄竴娆℃�у姞杞借繃澶氭暟锟?/li> <li>浣跨敤鎶樺彔鍔熻兘锛屽彧灞曞紑闇�瑕佹煡殑閮ㄥ垎</li> <li>浣跨敤鎼滅储鍔熻兘锛屽揩熷畾浣嶇壒氬唴锟?/li> </ul> <h3>2. JSON鏁版嵁的帇缂笌缇庡</h3> <p>鏍嵁涓嶅悓鍦烘櫙锛屾垜浠彲鑳介渶瑕佷笉鍚屽舰忕殑JSON鏁版嵁锟?/p> <ul> <li><strong>缇庡寲妯″紡锟�?/strong>ㄤ簬�鍙戝拰璋冭锛屽彲璇绘�ч</li> <li><strong>鍘缉妯″紡锟�?/strong>ㄤ簬鐢熶骇鐜锛屽噺灏戜紶杈撳ぇ锟?/li> </ul> <h3>3. 澶勭悊JSON涓殑鐗规畩瀛</h3> <p>JSON涓殑鐗规畩瀛闇�瑕佹纭浆涔紝鍖呮锟�?/p> <ul> <li>鍙屽紩鍙凤細浣跨 <code>\"</code> 杞</li> <li>鍙嶆枩鏉狅細浣跨 <code>\\</code> 杞</li> <li>鎹㈣绗︼細浣跨 <code>\n</code> 杞</li> <li>鍒惰〃绗︼細浣跨 <code>\t</code> 杞</li> </ul> <h2>鍏�丣SON璋冭鎶�锟�?/h2> <h3>1. 浣跨敤娴忚鍣ㄥ紑鍙戣�伐锟?/h3> <p>鐜唬娴忚鍣ㄧ殑�鍙戣�伐鍏烽兘鍐呯疆浜咼SON鏌ョ湅鍣紝鍙互鏂逛究鍦版煡鐪拰鍒嗘JSON鏁版嵁锟?/p> <h3>2. 浣跨敤鍛戒护琛屽伐锟?/h3> <p>鍦ㄥ懡浠よ涓紝鍙互浣跨 <code>jq</code> 绛伐鍏锋潵澶悊鍜屽垎鏋SON鏁版嵁锟?/p> <div class="code-block"> # 鏍煎紡鍖朖SON cat data.json | jq # 鎻愬彇鐗瑰畾瀛 cat data.json | jq '.name' # 杩囨护鏁版嵁 cat data.json | jq '.users[] | select(.age > 30)' </div> <h3>3. 浣跨敤在线宸ュ</h3> <p>闄や簡鑳榧犵殑JSON鏍煎紡鍖栧伐鍏凤紝杩樻湁涓�浜涘叾浠栧湪绾垮伐鍏峰彲浠ュ府鍔綘澶悊JSON鏁版嵁锛屽JSON Validator銆丣SON Path Tester绛拷?/p> <h2>涓冦�丣SON鍦ㄤ笉鍚绋瑷�涓殑澶勭</h2> <h3>1. JavaScript</h3> <div class="code-block"> // 瑙ｆ瀽JSON瀛锟�? const jsonString = '{"name": "John", "age": 30}'; const obj = JSON.parse(jsonString); // 灏嗗璞¤浆鎹负JSON瀛锟�? const jsonString2 = JSON.stringify(obj, null, 2); // 绗笁涓弬鏁版帶鍒剁缉锟�? </div> <h3>2. Python</h3> <div class="code-block"> import json # 瑙ｆ瀽JSON瀛锟�? json_string = '{"name": "John", "age": 30}' data = json.loads(json_string) # 灏嗗璞¤浆鎹负JSON瀛锟�? json_string2 = json.dumps(data, indent=2) </div> <h3>3. Java</h3> <div class="code-block"> import com.fasterxml.jackson.databind.ObjectMapper; // 瑙ｆ瀽JSON瀛锟�? String jsonString = "{\"name\": \"John\", \"age\": 30}"; ObjectMapper objectMapper = new ObjectMapper(); Map<String, Object> data = objectMapper.readValue(jsonString, Map.class); // 灏嗗璞¤浆鎹负JSON瀛锟�? String jsonString2 = objectMapper.writerWithDefaultPrettyPrinter().writeValueAsString(data); </div> <h2>鍏�佹渶浣冲疄锟�?/h2> <h3>1. �鍙戣繃绋腑</h3> <ul> <li>浣跨JSON鏍煎紡鍖栧伐鍏锋鏌PI鍝嶅</li> <li>鍦ㄦ彁浜や唬佸鏍煎紡鍖栭厤缃枃浠朵腑的SON鏁版</li> <li>浣跨敤娉ㄩ噴璇存槑澶嶆潅JSON缁撴的勫惈锟?/li> </ul> <h3>2. 鐢熶骇鐜</h3> <ul> <li>浣跨敤鍘缉鍚庣殑JSON鏁版嵁鍑忓皯浼犺澶у皬</li> <li>璁剧疆鍚堢悊的凧SON鏁版嵁澶у闄愬</li> <li>瀹炵幇缂撳瓨鏈哄埗锛岄伩鍏嶉噸澶嶈В鏋怞SON鏁版</li> </ul> <h3>3. 鍥㈤槦鍗忎綔</h3> <ul> <li>鍒跺畾JSON鏍煎紡瑙寖锛‘淇濆洟闃熸垚鍛樹娇ㄤ鑷寸殑鏍煎</li> <li>浣跨敤鐗堟湰鎺у埗宸ュ叿绠＄悊JSON閰嶇疆鏂囦</li> <li>瀹氭湡妫�鏌ュ拰娓呯悊鍐椾綑的凧SON鏁版</li> </ul> <h2>涔濄�佺粨锟?/h2> <p>JSON鏍煎紡鍖栨槸�鍙戣�棩甯稿伐浣滀腑的噸瑕佸伐鍏凤紝冧笉浠彲浠ユ彁楂樹佺殑鍙鎬у拰鍙淮鎶ゆ�э紝杩樺彲浠ュ府鍔╂垜浠揩閫熷畾浣嶅拰瑙ｅ喅闂銆傞�氳繃鏈枃浠粛的柟娉曞拰宸ュ叿锛屼綘鍙互鏇村樻晥鍦板鐞咼SON鏁版嵁锛屼粠娣蜂贡的佷腑鐞嗗澶华锟�?/p> <p>璁綇锛屽ソ的伐鍏锋槸鎻愰�鍙戞晥鐜囩殑鍏抽敭銆傞�涓�娆鹃�傚悎鑷繁的SON鏍煎紡鍖栧伐鍏凤紝骞剁啛缁冩帉鎻″畠的勪娇鐢ㄦ妧宸э紝灏嗕細璁綘的紑鍙戝伐浣滄洿鍔犺交鏉炬剦蹇?/p>  <div class="article-cta"> <div class="article-cta-head"> <strong>🦘憠鐜板灏辫璇曪</strong> <a href="../tools/json.html">JSON鏍煎紡锟?/a> </div> <p>蹇�熷鎴愬鐞紝鍑忓皯閲嶅鎺掓煡鏃堕</p> </div>   <div class="recommendations-section" id="recommendations">  <h2 class="section-title">鐩叧宸ュ叿鎺ㄨ崘</h2> <div class="tools-grid">  <a href="../tools/json.html" class="tool-card-mini"> <div class="tool-card-mini-header"> <span class="tool-name" style="color: #2563eb;">在线JSON楠岃瘉锟?/span> </div> <p class="tool-desc">JSON鏍煎紡锟?鏍￠/鍘</p> </a>  <a href="../tools/base64.html" class="tool-card-mini"> <div class="tool-card-mini-header"> <span class="tool-name" style="color: #2563eb;">Base64 缂栬В锟�?/span> </div> <p class="tool-desc">鏂囨湰涓ase64鍙屽悜杞崲</p> </a>  <a href="../tools/url-encode.html" class="tool-card-mini"> <div class="tool-card-mini-header"> <span class="tool-name" style="color: #2563eb;">URL缂栬В锟�?/span> </div> <p class="tool-desc">缃戝潃涓庢枃鏈殑URL杞</p> </a>  <a href="../tools/regex-tester.html" class="tool-card-mini"> <div class="tool-card-mini-header"> <span class="tool-name" style="color: #2563eb;">在线ｅ琛ㄨ忔祴璇曞</span> </div> <p class="tool-desc">瀹炴椂ｅ鍖归</p> </a>  <a href="../tools/text-similarity.html" class="tool-card-mini"> <div class="tool-card-mini-header"> <span class="tool-name" style="color: #2563eb;">鏂囨湰閲嶅鐜囨锟?/span> </div> <p class="tool-desc">涓ゆ鏂囨湰鐩镐搴﹀锟�?/p> </a>  <a href="../tools/s2t-converter.html" class="tool-card-mini"> <div class="tool-card-mini-header"> <span class="tool-name" style="color: #2563eb;">在线绠�绻佽浆锟�?/span> </div> <p class="tool-desc">绠�浣撶箒浣撲簰鐩歌浆锟?/p> </a>  <a href="../tools/md5.html" class="tool-card-mini"> <div class="tool-card-mini-header"> <span class="tool-name" style="color: #2563eb;">在线MD5鍔犲</span> </div> <p class="tool-desc">鏂囨湰杞琈D5鍝堝笇锟?/p> </a>  <a href="../tools/word-count.html" class="tool-card-mini"> <div class="tool-card-mini-header"> <span class="tool-name" style="color: #2563eb;">在线缁熻</span> </div> <p class="tool-desc">瀛暟缁熻ュ</p> </a> </div> <a href="../tools.html" class="more-link" style="color: #2563eb;">鏇村ュ锟�?/a>  <h2 class="section-title" style="margin-top: 28px;">鐩叧鏂囨。鎺ㄨ崘</h2> <div class="docs-list">  <a href="json-complex-data-guide.html" class="doc-card"> <span class="doc-icon"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"> <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/> <polyline points="14 2 14 8 20 8"/> <line x1="16" y1="13" x2="8" y2="13"/> <line x1="16" y1="17" x2="8" y2="17"/> <polyline points="10 9 9 9 8 9"/> </svg> </span> <div class="doc-info"> <span class="doc-title" style="color: #2563eb;">浠庢贩涔卞埌鏈簭锛SON鏍煎紡鍖栧伐鍏峰府浣犳悶瀹氬鏉傛暟鎹粨锟?/span> <p class="doc-desc">璇︾粏浠粛濡備綍浣跨JSON鏍煎紡鍖栧伐鍏峰鐞嗗鏉傛暟鎹粨鏋勶紝鍖灞傜骇宓屽銆佸ぇ鍨暟鎹�佺娈婂瓧绗︾瓑闂的В鍐虫柟堬?/p> </div> </a>  <a href="base64-complete-guide.html" class="doc-card"> <span class="doc-icon"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"> <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/> <polyline points="14 2 14 8 20 8"/> <line x1="16" y1="13" x2="8" y2="13"/> <line x1="16" y1="17" x2="8" y2="17"/> <polyline points="10 9 9 9 8 9"/> </svg> </span> <div class="doc-info"> <span class="doc-title" style="color: #2563eb;">Base64缂栬В佸畬鍏ㄦ寚鍗楋細浠庡鐞嗗埌搴旂敤的勫叏鏂逛綅瑙ｆ</span> <p class="doc-desc">璇︾粏浠粛Base64缂栬В佺殑宸ヤ綔鍘熺悊銆佺佽繃绋�佸父瑙佸簲ㄥ満鏅�佸伐鍏蜂娇ㄦ妧宸э紝姪�鍙戣�叏闈㈡帉鎻ase64鎶�鏈?/p> </div> </a>  <a href="url-encoding-complete-guide.html" class="doc-card"> <span class="doc-icon"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"> <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/> <polyline points="14 2 14 8 20 8"/> <line x1="16" y1="13" x2="8" y2="13"/> <line x1="16" y1="17" x2="8" y2="17"/> <polyline points="10 9 9 9 8 9"/> </svg> </span> <div class="doc-info"> <span class="doc-title" style="color: #2563eb;">URL缂栫爜屽叏鎸囧崡锛氫粠鍏ラ棬鍒扮簿閫氱殑鍏ㄩ潰瑙ｆ</span> <p class="doc-desc">璇︾粏浠粛URL缂栫爜的鏈蹇点�佺紪佽鍒欍�佸父瑙佸簲ㄥ満鏅�佸伐鍏蜂娇ㄦ妧宸э紝浠ュ強encodeURI鍜宔ncodeURIComponent的勫鍒?/p> </div> </a>  <a href="regex-complete-guide.html" class="doc-card"> <span class="doc-icon"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"> <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/> <polyline points="14 2 14 8 20 8"/> <line x1="16" y1="13" x2="8" y2="13"/> <line x1="16" y1="17" x2="8" y2="17"/> <polyline points="10 9 9 9 8 9"/> </svg> </span> <div class="doc-info"> <span class="doc-title" style="color: #2563eb;">鍐欐鍒欒杈惧紡杩樺鐧惧害锛熸暀锟�?鍒嗛挓浠庡叆闂ㄥ埌绮鹃�氾紝鍐嶄篃涓嶆眰浜猴</span> <p class="doc-desc">鍐欐鍒欒杈惧紡杩樺鐧惧害锛熸湰鏂囩3鍒嗛挓甯︿綘浠庡叆闂ㄥ埌鹃�氾紒璇﹁В姝ｅ鍩虹璇硶銆佸父鐢ㄦā忋�佸疄鎴樻妧э紝閰嶅悎在线姝ｅ娴鍣紝炴椂岃瘉鍖归厤缁撴灉锛岃浣犺嚜卞氨鑳藉啓鍑哄缇庢鍒欙紝鍐嶄篃涓嶉渶瑕佺櫨搴︼紒</p> </div> </a>  <a href="api-url-encoding-guide.html" class="doc-card"> <span class="doc-icon"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"> <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/> <polyline points="14 2 14 8 20 8"/> <line x1="16" y1="13" x2="8" y2="13"/> <line x1="16" y1="17" x2="8" y2="17"/> <polyline points="10 9 9 9 8 9"/> </svg> </span> <div class="doc-info"> <span class="doc-title" style="color: #2563eb;">API�鍙戜腑的刄RL缂栫爜锛綘涓嶇煡撶殑鍧戜笌瑙ｅ喅鏂</span> <p class="doc-desc">璇︾粏浠粛URL缂栫爜鍦ˋPI�鍙戜腑的勫簲鐢ㄣ�佹煡璇㈠鏁板鐞嗐�佽矾寰勫鏁扮併�丷ESTful API缂栫爜瑙寖锛屼互鍙婂父瑙棶棰樿В鍐柟堬?/p> </div> </a> </div> <a href="index.html" class="more-link" style="color: #2563eb;">鏌ョ湅鍏ㄩ儴鏂囨锟�?/a>  <a href="../index.html" class="more-link" style="color: #2563eb; margin-top: 8px;">锟�?杩斿洖棣</a> </div>  </div> </div> </body> </html>