https://www.bobobk.com/en/tags/json/ Recent content in Json on 春江暮客 Hugo en Sat, 17 May 2025 08:53:04 +0800 https://www.bobobk.com/en/convert-yaml-to-json.html Sat, 17 May 2025 08:53:04 +0800 https://www.bobobk.com/en/convert-yaml-to-json.html A comprehensive guide to mastering YAML and JSON conversion using Python and JavaScript, including handling complex structures, cross-language solutions, and performance optimization tips. https://www.bobobk.com/en/yaml_json/ Sat, 17 May 2025 08:53:04 +0800 https://www.bobobk.com/en/yaml_json/ <p>本工具用于 YAML 与 JSON 格式的相互转换，支持格式校验与实时预览，基于 JavaScript 实现，无需后端支持，数据不上传，纯前端运行。</p> <h2 id="使用方法">使用方法</h2> <h3 id="yaml-转-json">YAML 转 JSON</h3> <p>在下方输入合法的 YAML 数据：</p> <div> <textarea id="yamlInput" placeholder='name: yanzhi age: 18'></textarea> <button onclick="convertToJson()">转换为 JSON</button> <p>编码后的JSON为：</p> <pre id="jsonoutputArea">{ "name": "yanzhi", "age": 18 }</pre> <script> function convertToJson() { const input = document.getElementById("yamlInput").value; const output = document.getElementById("jsonoutputArea"); try { const obj = jsyaml.load(input); const json = JSON.stringify(obj, null, 2); output.textContent = json; } catch (e) { output.textContent = "❌ YAML 解析错误: " + e.message; } } </script> </div> <h3 id="json-转-yaml">JSON 转 YAML</h3> <div> <input type="text" id="jsonInput" oninput="convertToYaml()" placeholder='{"name": "yanzhi", "age": 18}'/> <button onclick="convertToYaml()">转换为YAML</button> <p>编码后的YAML为：</p>