mirror of
https://github.com/jaywcjlove/reference.git
synced 2025-06-18 13:11:20 +08:00
doc: Update docs/json.md 8e9132f900
This commit is contained in:
jaywcjlove
128
docs/json.html
128
docs/json.html
@ -33,7 +33,7 @@
|
||||
<p>这是理解和编写 JSON 格式配置文件的快速参考备忘单。</p>
|
||||
</div></header><div class="menu-tocs"><div class="menu-btn"><svg aria-hidden="true" fill="currentColor" height="1em" width="1em" viewBox="0 0 16 16" version="1.1" data-view-component="true">
|
||||
<path fill-rule="evenodd" d="M2 4a1 1 0 100-2 1 1 0 000 2zm3.75-1.5a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5h-8.5zm0 5a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5h-8.5zm0 5a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5h-8.5zM3 8a1 1 0 11-2 0 1 1 0 012 0zm-1 6a1 1 0 100-2 1 1 0 000 2z"></path>
|
||||
</svg></div><div class="menu-modal"><a aria-hidden="true" class="leve2 tocs-link" data-num="2" href="#入门">入门</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#介绍">介绍</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#示例">示例</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#类型">类型</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#字符串">字符串</a><a aria-hidden="true" class="leve4 tocs-link" data-num="4" href="#示例-1">示例</a><a aria-hidden="true" class="leve4 tocs-link" data-num="4" href="#无效字符串">无效字符串</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#数字">数字</a><a aria-hidden="true" class="leve4 tocs-link" data-num="4" href="#示例-2">示例</a><a aria-hidden="true" class="leve4 tocs-link" data-num="4" href="#无效的数字">无效的数字</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#对象-objects">对象 Objects</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#数组-arrays">数组 Arrays</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#对象数组">对象数组</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#数组对象">数组对象</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#二维阵列">二维阵列</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#对象的对象">对象的对象</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#嵌套">嵌套</a><a aria-hidden="true" class="leve2 tocs-link" data-num="2" href="#在-javascript-中访问-json">在 JavaScript 中访问 JSON</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#访问对象">访问对象</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#访问嵌套">访问嵌套</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#访问对象数组">访问对象数组</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#访问阵列">访问阵列</a><a aria-hidden="true" class="leve2 tocs-link" data-num="2" href="#另见">另见</a></div></div><div class="h1wrap-body"><div class="wrap h2body-exist"><div class="wrap-header h2wrap"><h2 id="入门"><a aria-hidden="true" tabindex="-1" href="#入门"><span class="icon icon-link"></span></a>入门</h2><div class="wrap-body">
|
||||
</svg></div><div class="menu-modal"><a aria-hidden="true" class="leve2 tocs-link" data-num="2" href="#入门">入门</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#介绍">介绍</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#示例">示例</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#类型">类型</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#字符串">字符串</a><a aria-hidden="true" class="leve4 tocs-link" data-num="4" href="#示例-1">示例</a><a aria-hidden="true" class="leve4 tocs-link" data-num="4" href="#无效字符串">无效字符串</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#数字">数字</a><a aria-hidden="true" class="leve4 tocs-link" data-num="4" href="#示例-2">示例</a><a aria-hidden="true" class="leve4 tocs-link" data-num="4" href="#无效的数字">无效的数字</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#对象-objects">对象 Objects</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#数组-arrays">数组 Arrays</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#对象数组">对象数组</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#数组对象">数组对象</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#二维阵列">二维阵列</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#对象的对象">对象的对象</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#嵌套">嵌套</a><a aria-hidden="true" class="leve2 tocs-link" data-num="2" href="#json-5">JSON 5</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#objects">Objects</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#允许单行和多行注释">允许单行和多行注释</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#允许附加空白字符">允许附加空白字符</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#数字-1">数字</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#字符串-1">字符串</a><a aria-hidden="true" class="leve2 tocs-link" data-num="2" href="#在-javascript-中访问-json">在 JavaScript 中访问 JSON</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#访问对象">访问对象</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#访问嵌套">访问嵌套</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#访问对象数组">访问对象数组</a><a aria-hidden="true" class="leve3 tocs-link" data-num="3" href="#访问阵列">访问阵列</a><a aria-hidden="true" class="leve2 tocs-link" data-num="2" href="#另见">另见</a></div></div><div class="h1wrap-body"><div class="wrap h2body-exist"><div class="wrap-header h2wrap"><h2 id="入门"><a aria-hidden="true" tabindex="-1" href="#入门"><span class="icon icon-link"></span></a>入门</h2><div class="wrap-body">
|
||||
</div></div><div class="h2wrap-body"><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="介绍"><a aria-hidden="true" tabindex="-1" href="#介绍"><span class="icon icon-link"></span></a>介绍</h3><div class="wrap-body">
|
||||
<p><a href="https://json.org/">JSON</a> 是一种基于文本的轻量级开放标准，专为人类可读的数据交换而设计。</p>
|
||||
<ul>
|
||||
@ -52,8 +52,8 @@
|
||||
</span><span class="code-line"> <span class="token property">"salary"</span><span class="token operator">:</span> <span class="token number">70000</span><span class="token punctuation">,</span>
|
||||
</span><span class="code-line"> <span class="token property">"married"</span><span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
|
||||
</span><span class="code-line"> <span class="token property">"children"</span><span class="token operator">:</span> <span class="token punctuation">[</span>
|
||||
</span><span class="code-line"> <span class="token punctuation">{</span><span class="token property">"name"</span><span class="token operator">:</span> <span class="token string">"Tom"</span><span class="token punctuation">,</span> <span class="token property">"age"</span><span class="token operator">:</span> <span class="token number">9</span><span class="token punctuation">,</span> <span class="token property">"gender"</span><span class="token operator">:</span><span class="token string">"M"</span><span class="token punctuation">}</span><span class="token punctuation">,</span>
|
||||
</span><span class="code-line"> <span class="token punctuation">{</span><span class="token property">"name"</span><span class="token operator">:</span> <span class="token string">"Ava"</span><span class="token punctuation">,</span> <span class="token property">"age"</span><span class="token operator">:</span> <span class="token number">7</span><span class="token punctuation">,</span> <span class="token property">"gender"</span><span class="token operator">:</span><span class="token string">"F"</span><span class="token punctuation">}</span>
|
||||
</span><span class="code-line"> <span class="token punctuation">{</span><span class="token property">"name"</span><span class="token operator">:</span> <span class="token string">"Tom"</span><span class="token punctuation">,</span> <span class="token property">"age"</span><span class="token operator">:</span> <span class="token number">9</span><span class="token punctuation">}</span><span class="token punctuation">,</span>
|
||||
</span><span class="code-line"> <span class="token punctuation">{</span><span class="token property">"name"</span><span class="token operator">:</span> <span class="token string">"Ava"</span><span class="token punctuation">,</span> <span class="token property">"age"</span><span class="token operator">:</span> <span class="token number">7</span><span class="token punctuation">}</span>
|
||||
</span><span class="code-line"> <span class="token punctuation">]</span>
|
||||
</span><span class="code-line"><span class="token punctuation">}</span>
|
||||
</span></code></pre>
|
||||
@ -148,7 +148,7 @@
|
||||
<pre class="language-json"><code class="language-json code-highlight"><span class="code-line"><span class="token punctuation">{</span>
|
||||
</span><span class="code-line"> <span class="token property">"url"</span><span class="token operator">:</span> <span class="token string">"https://jaywcjlove.github.io"</span><span class="token punctuation">,</span>
|
||||
</span><span class="code-line"> <span class="token property">"msg"</span> <span class="token operator">:</span> <span class="token string">"Hi,\n\"Quick Reference\""</span><span class="token punctuation">,</span>
|
||||
</span><span class="code-line"> <span class="token property">"intro"</span><span class="token operator">:</span> <span class="token string">"Share quick reference and cheat sheet for developers."</span>
|
||||
</span><span class="code-line"> <span class="token property">"intro"</span><span class="token operator">:</span> <span class="token string">"为开发人员分享快速参考和备忘单"</span>
|
||||
</span><span class="code-line"><span class="token punctuation">}</span>
|
||||
</span></code></pre>
|
||||
<h4 id="无效字符串"><a aria-hidden="true" tabindex="-1" href="#无效字符串"><span class="icon icon-link"></span></a>无效字符串</h4>
|
||||
@ -260,6 +260,126 @@
|
||||
</span><span class="code-line"> <span class="token punctuation">}</span>
|
||||
</span><span class="code-line"><span class="token punctuation">}</span>
|
||||
</span></code></pre>
|
||||
</div></div></div></div></div><div class="wrap h2body-exist"><div class="wrap-header h2wrap"><h2 id="json-5"><a aria-hidden="true" tabindex="-1" href="#json-5"><span class="icon icon-link"></span></a>JSON 5</h2><div class="wrap-body">
|
||||
</div></div><div class="h2wrap-body"><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="objects"><a aria-hidden="true" tabindex="-1" href="#objects"><span class="icon icon-link"></span></a>Objects</h3><div class="wrap-body">
|
||||
<p>对象键可以是 ECMAScript 5.1 <a href="https://www.ecma-international.org/ecma-262/5.1/#sec-7.6">IdentifierName</a></p>
|
||||
<pre class="language-json"><code class="language-json code-highlight"><span class="code-line"><span class="token punctuation">{</span>
|
||||
</span><span class="code-line"> width<span class="token operator">:</span> <span class="token number">1920</span><span class="token punctuation">,</span>
|
||||
</span><span class="code-line"> height<span class="token operator">:</span> <span class="token number">1080</span><span class="token punctuation">,</span>
|
||||
</span><span class="code-line"><span class="token punctuation">}</span>
|
||||
</span></code></pre>
|
||||
<p>数组可以有一个尾随逗号</p>
|
||||
<pre class="language-json"><code class="language-json code-highlight"><span class="code-line"><span class="token punctuation">[</span>
|
||||
</span><span class="code-line"> <span class="token number">1</span><span class="token punctuation">,</span>
|
||||
</span><span class="code-line"> <span class="token boolean">true</span><span class="token punctuation">,</span>
|
||||
</span><span class="code-line"> 'three'<span class="token punctuation">,</span>
|
||||
</span><span class="code-line"><span class="token punctuation">]</span>
|
||||
</span></code></pre>
|
||||
</div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="允许单行和多行注释"><a aria-hidden="true" tabindex="-1" href="#允许单行和多行注释"><span class="icon icon-link"></span></a>允许单行和多行注释</h3><div class="wrap-body">
|
||||
<pre class="language-js"><code class="language-js code-highlight"><span class="code-line"><span class="token punctuation">{</span>
|
||||
</span><span class="code-line"> <span class="token comment">// 一行注释</span>
|
||||
</span><span class="code-line"> <span class="token string-property property">"name"</span><span class="token operator">:</span> <span class="token string">"Kenny"</span>
|
||||
</span><span class="code-line"><span class="token punctuation">}</span>
|
||||
</span></code></pre>
|
||||
<p>多行注释</p>
|
||||
<pre class="language-js"><code class="language-js code-highlight"><span class="code-line"><span class="token punctuation">{</span>
|
||||
</span><span class="code-line"><span class="token comment">/* 这是一个
|
||||
</span></span><span class="code-line"><span class="token comment"> 多行注释 */</span>
|
||||
</span><span class="code-line"> <span class="token string-property property">"name"</span><span class="token operator">:</span> <span class="token string">"Kenny"</span>
|
||||
</span><span class="code-line"><span class="token punctuation">}</span>
|
||||
</span></code></pre>
|
||||
</div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="允许附加空白字符"><a aria-hidden="true" tabindex="-1" href="#允许附加空白字符"><span class="icon icon-link"></span></a>允许附加空白字符</h3><div class="wrap-body">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<table class="left-align"><thead><tr><th align="left">代码点</th><th>描述</th></tr></thead><tbody><tr><td align="left"><code>U+0009</code></td><td>水平制表符</td></tr><tr><td align="left"><code>U+000A</code></td><td>换行符</td></tr><tr><td align="left"><code>U+000B</code></td><td>垂直制表符</td></tr><tr><td align="left"><code>U+000C</code></td><td>换页符</td></tr><tr><td align="left"><code>U+000D</code></td><td>回车符</td></tr><tr><td align="left"><code>U+0020</code></td><td>空格</td></tr><tr><td align="left"><code>U+00A0</code></td><td>不间断空格</td></tr><tr><td align="left"><code>U+2028</code></td><td>行分隔符</td></tr><tr><td align="left"><code>U+2029</code></td><td>段落分隔符</td></tr><tr><td align="left"><code>U+FEFF</code></td><td>字节顺序标记</td></tr><tr><td align="left">Unicode Zs 类别</td><td>空格分隔符 Unicode 类别中的任何其他字符</td></tr></tbody></table>
|
||||
<!--rehype:className=left-align-->
|
||||
</div></div></div><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="数字-1"><a aria-hidden="true" tabindex="-1" href="#数字-1"><span class="icon icon-link"></span></a>数字</h3><div class="wrap-body">
|
||||
<p>数字可能有前导或尾随小数点</p>
|
||||
<pre class="language-json"><code class="language-json code-highlight"><span class="code-line"><span class="token punctuation">{</span>
|
||||
</span><span class="code-line"> integer<span class="token operator">:</span> <span class="token number">123</span><span class="token punctuation">,</span>
|
||||
</span><span class="code-line"> withFractionPart<span class="token operator">:</span> <span class="token number">123.456</span><span class="token punctuation">,</span>
|
||||
</span><span class="code-line"> onlyFractionPart<span class="token operator">:</span> .<span class="token number">456</span><span class="token punctuation">,</span>
|
||||
</span><span class="code-line"> withExponent<span class="token operator">:</span> <span class="token number">123e-456</span><span class="token punctuation">,</span>
|
||||
</span><span class="code-line"><span class="token punctuation">}</span>
|
||||
</span></code></pre>
|
||||
<p>数字可以是十六进制</p>
|
||||
<pre class="language-json"><code class="language-json code-highlight"><span class="code-line"><span class="token punctuation">{</span>
|
||||
</span><span class="code-line"> positiveHex<span class="token operator">:</span> 0xdecaf<span class="token punctuation">,</span>
|
||||
</span><span class="code-line"> negativeHex<span class="token operator">:</span> -0xC0FFEE<span class="token punctuation">,</span>
|
||||
</span><span class="code-line"><span class="token punctuation">}</span>
|
||||
</span></code></pre>
|
||||
<p>数字可以是正无穷大、负无穷大和 NaN。</p>
|
||||
<pre class="language-json"><code class="language-json code-highlight"><span class="code-line"><span class="token punctuation">{</span>
|
||||
</span><span class="code-line"> positiveInfinity<span class="token operator">:</span> Infinity<span class="token punctuation">,</span>
|
||||
</span><span class="code-line"> negativeInfinity<span class="token operator">:</span> -Infinity<span class="token punctuation">,</span>
|
||||
</span><span class="code-line"> notANumber<span class="token operator">:</span> NaN<span class="token punctuation">,</span>
|
||||
</span><span class="code-line"><span class="token punctuation">}</span>
|
||||
</span></code></pre>
|
||||
<p>数字可以以明确的加号开头</p>
|
||||
</div></div></div><div class="wrap h3body-not-exist col-span-2"><div class="wrap-header h3wrap"><h3 id="字符串-1"><a aria-hidden="true" tabindex="-1" href="#字符串-1"><span class="icon icon-link"></span></a>字符串</h3><div class="wrap-body">
|
||||
<!--rehype:wrap-class=col-span-2-->
|
||||
<pre class="language-js"><code class="language-js code-highlight"><span class="code-line"><span class="token string">'Lorem ipsum dolor sit amet, \
|
||||
</span></span><span class="code-line"><span class="token string">consectetur adipiscing elit.'</span>
|
||||
</span></code></pre>
|
||||
<p>以下是代表相同的意思</p>
|
||||
<pre class="language-js"><code class="language-js code-highlight"><span class="code-line"><span class="token string">'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'</span>
|
||||
</span></code></pre>
|
||||
<pre class="language-json"><code class="language-json code-highlight"><span class="code-line">'\A\C\/\D\C'
|
||||
</span></code></pre>
|
||||
<p>以下是代表相同的意思</p>
|
||||
<pre class="language-json"><code class="language-json code-highlight"><span class="code-line">'AC/DC'
|
||||
</span></code></pre>
|
||||
</div></div></div></div></div><div class="wrap h2body-exist"><div class="wrap-header h2wrap"><h2 id="在-javascript-中访问-json"><a aria-hidden="true" tabindex="-1" href="#在-javascript-中访问-json"><span class="icon icon-link"></span></a>在 JavaScript 中访问 JSON</h2><div class="wrap-body">
|
||||
</div></div><div class="h2wrap-body"><div class="wrap h3body-not-exist"><div class="wrap-header h3wrap"><h3 id="访问对象"><a aria-hidden="true" tabindex="-1" href="#访问对象"><span class="icon icon-link"></span></a>访问对象</h3><div class="wrap-body">
|
||||
<pre class="language-javascript"><code class="language-javascript code-highlight"><span class="code-line"><span class="token keyword">let</span> myObject <span class="token operator">=</span> <span class="token punctuation">{</span>
|
||||
|
||||
@ -1456,7 +1456,7 @@
|
||||
<li><a href="https://marketplace.visualstudio.com/items?itemName=jackiotyu.quick-reference">Quick Reference for VSCode</a> 由 <a href="https://github.com/jackiotyu/vscode-quick-reference">jackiotyu</a> 提供</li>
|
||||
</ul>
|
||||
|
||||
</div></div><div class="h2wrap-body"></div></div></div></div><footer class="footer-wrap"><footer class="max-container">© 2022 <a href="https://wangchujiang.com/#/app" target="_blank">Kenny Wang</a>. Updated on 2024/07/02 22:15:44</footer></footer><script src="data.js?v=1.5.5" defer></script><script src="js/fuse.min.js?v=1.5.5" defer></script><script src="js/main.js?v=1.5.5" defer></script><div id="mysearch"><div class="mysearch-box"><div class="mysearch-input"><div><svg xmlns="http://www.w3.org/2000/svg" height="1em" width="1em" viewBox="0 0 18 18">
|
||||
</div></div><div class="h2wrap-body"></div></div></div></div><footer class="footer-wrap"><footer class="max-container">© 2022 <a href="https://wangchujiang.com/#/app" target="_blank">Kenny Wang</a>. Updated on 2024/07/05 12:03:13</footer></footer><script src="data.js?v=1.5.5" defer></script><script src="js/fuse.min.js?v=1.5.5" defer></script><script src="js/main.js?v=1.5.5" defer></script><div id="mysearch"><div class="mysearch-box"><div class="mysearch-input"><div><svg xmlns="http://www.w3.org/2000/svg" height="1em" width="1em" viewBox="0 0 18 18">
|
||||
<path fill="currentColor" d="M17.71,16.29 L14.31,12.9 C15.4069846,11.5024547 16.0022094,9.77665502 16,8 C16,3.581722 12.418278,0 8,0 C3.581722,0 0,3.581722 0,8 C0,12.418278 3.581722,16 8,16 C9.77665502,16.0022094 11.5024547,15.4069846 12.9,14.31 L16.29,17.71 C16.4777666,17.8993127 16.7333625,18.0057983 17,18.0057983 C17.2666375,18.0057983 17.5222334,17.8993127 17.71,17.71 C17.8993127,17.5222334 18.0057983,17.2666375 18.0057983,17 C18.0057983,16.7333625 17.8993127,16.4777666 17.71,16.29 Z M2,8 C2,4.6862915 4.6862915,2 8,2 C11.3137085,2 14,4.6862915 14,8 C14,11.3137085 11.3137085,14 8,14 C4.6862915,14 2,11.3137085 2,8 Z"></path>
|
||||
</svg><input id="mysearch-input" type="search" placeholder="搜索" autocomplete="off"><div class="mysearch-clear"></div></div><button id="mysearch-close" type="button">搜索</button></div><div class="mysearch-result"><div id="mysearch-menu"></div><div id="mysearch-content"></div></div></div></div></body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user