javascript - JSON.parse 有困难吗？

Question

在过去的几个小时里，我一直在和我的开发鸭交谈，但我这只橡皮鸭一辈子都无法调试这段代码。基本上，它为 JSON 中的子对象返回 [object Object]。有趣的是，如果我在解析之前复制并粘贴记录的原始 JSON 文本，然后解析它，它解析得很好。

这是前面提到的代码，其中输入了值:

/*
We are feeding in:
{
    'src' : './template.html',
    'format' : 'plain',
    'input' : {
        'noun' : 'World'
    },
    'replace' : 'templateExampleSkeleton'
}
*/

// Locals.
let tmpScripts:Array<string> = [];
let tmpScriptIds:Array<string> = [];
let tmpStrings:Array<string> = [];
let tmpStringIds:Array<string> = [];

// Replace scripts with placeholder IDs, and store their contents in a temporary location.
// They will be restored later, because they would cause issues with the JSON parser.
// This isn't used in this case but is used in general.
args = args.replace(/js{{(.|\s)*}}/g, (substring:string) => {
    let tmpScriptId:string = this.#utils.genRandomId(false, tmpScriptIds);
    tmpScripts.push(substring.replace('js{{','').replace('}}',''));
    return `%%{{${tmpScriptId}}}%%`;
})

// Replace 's with "s.
.replace(/'/gm, '"')

// Replace whitespace.
.replace(/(\s|\n|\t|\r)*/gm, '')

// Restore the strings using their IDs.
.replace(/##{{.{32}}}##/gm, (substring:string) => {
    let tmpStringValue:string = '';
    tmpStringIds.forEach((id:string, i:number) => {
        if (substring.includes(id)) tmpStringValue = tmpStrings[i];
    });
    return tmpStringValue;
});

// Add curly brackets so that the JSON parser doesn't yell.
args = '{' + args + '}';

console.log(args); // ==> {"src":"./template.html","format":"plain","input":{"noun":"World"},"replace":"templateExampleSkeleton"}

// Parse the arguments as JSON.
let argsJson = JSON.parse(args);

// Using the new object, iterate through its keys in order to
// restore the scripts that were removed for parsing as JSON.
// This isn't(?) used in this case but is used in general.
Object.keys(argsJson).forEach((argKey, i) => {
    argsJson[argKey] = argsJson[argKey].toString().replace(/%%{{.*}}%%/gm, (substring:string) => {
        substring = substring.replace(/%%{{/, '').replace(/}}%%/, '');
        let tmpScriptValue:string = '';
        tmpScriptIds.forEach((id:string, i:number) => {
            if (id === substring) tmpScriptValue = tmpScripts[i];
        });
        return tmpScriptValue;
    });
});
// Log the object for debug.
console.log(argsJson); // ==> Object { src: "./template.html", format: "plain", input: "[object Object]", replace: "templateExampleSkeleton" }

非常感谢任何帮助:^)

Answer 1

如@LexWebb 所指出的，用一个答案来结束这个问题:

Object.keys(argsJson).forEach((argKey, i) => {
    argsJson[argKey] = argsJson[argKey].toString().replace(/%%{{.*}}%%/gm, (substring:string) => {
        substring = substring.replace(/%%{{/, '').replace(/}}%%/, '');
        let tmpScriptValue:string = '';
        tmpScriptIds.forEach((id:string, i:number) => {
            if (id === substring) tmpScriptValue = tmpScripts[i];
        });
        return tmpScriptValue;
    });
});

应该是:

Object.keys(argsJson).forEach((argKey, i) => {
    if (typeof argsJson[argKey] === 'string') {
        argsJson[argKey] = argsJson[argKey].replace(/%%{{.*}}%%/gm, (substring:string) => {
            substring = substring.replace(/%%{{/, '').replace(/}}%%/, '');
            let tmpScriptValue:string = '';
            tmpScriptIds.forEach((id:string, i:number) => {
                if (id === substring) tmpScriptValue = tmpScripts[i];
            });
            return tmpScriptValue;
        });
    }
});