js/ts 简易定制 stringify

stringify.ts

function myJsonify(json: any, level = 0): string {
    let result = '';

    if (Array.isArray(json)) {
        result += "[\n";
        for (const item of json) {
            for (let i = 0; i < level * 2 + 2; i++) {
                result += ' ';
            }
            result += `${myJsonify(item, level + 1)},\n`;
        }

        result = result.substring(0, result.length - 2);
        result += "\n";
        for (let i = 0; i < level * 2; i++) {
            result += ' ';
        }
        result += "]";
    } else if (typeof json === 'object') {
        result += '{\n';

        for (const key in json) {
            if (Object.prototype.hasOwnProperty.call(json, key)) {
                for (let i = 0; i < level * 2 + 2; i++) {
                    result += ' ';
                }

                const value = json[key];
                // 定制 component 字段特殊处理
                if (key === 'component') {
                    result += `${key}: () => import('@${value.startsWith('/') ? value : '/' + value}'),\n`
                } else {
                    result += `${key}: ${myJsonify(value, level + 1)},\n`;
                }
            }
        }

        result = result.substring(0, result.length - 2);

        result += '\n';
        for (let i = 0; i < level * 2; i++) {
            result += ' ';
        }
        result += "}";
    } else if (typeof json === 'string') {
        result += `'${json}'`;
    } else {
        result += `${json}`;
    }

    return result;
}