Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

js 在线美化

作者:迷失未来   发布日期:2026-04-21   浏览:121

// 示例代码:使用 JavaScript 在线美化 JSON 字符串

function beautifyJSON(jsonString) {
    try {
        // 尝试将输入的字符串解析为 JSON 对象
        const jsonObject = JSON.parse(jsonString);
        // 使用 JSON.stringify 方法格式化 JSON 对象,添加缩进和换行
        const beautifiedJSON = JSON.stringify(jsonObject, null, 4);
        return beautifiedJSON;
    } catch (error) {
        // 如果解析失败,返回错误信息
        return "Invalid JSON string";
    }
}

// 示例用法
const originalJSON = '{"name":"John","age":30,"city":"New York"}';
const beautifiedJSON = beautifyJSON(originalJSON);
console.log(beautifiedJSON);

// 输出:
// {
//     "name": "John",
//     "age": 30,
//     "city": "New York"
// }

解释说明:

  1. 函数 beautifyJSON:该函数接收一个 JSON 字符串作为参数。
  2. JSON 解析:使用 JSON.parse 将字符串转换为 JSON 对象。如果字符串不是有效的 JSON 格式,会抛出异常。
  3. 格式化输出:使用 JSON.stringify 方法将 JSON 对象转换回字符串,并指定缩进级别为 4 个空格,使输出更加美观易读。
  4. 错误处理:如果输入的字符串不是有效的 JSON,捕获异常并返回错误信息。

这个示例展示了如何使用 JavaScript 实现简单的在线 JSON 美化功能。

上一篇:js 长按事件

下一篇:js 本地缓存

大家都在看

js 数组打乱顺序

js 两个数组取交集

js 数组对象排序

js 对象数组排序

js 数组删掉第一个值

js fill

js fill方法

js 数组连接

js json数组

js 数组复制

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站