面试常考点：手写一个JSON.stringify和JSON.parse

原创已于 2023-04-26 03:05:10 修改 · 302 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#json #前端

于 2023-04-25 21:18:26 首次发布

面试专栏收录该内容

12 篇文章

订阅专栏

本文介绍了JSON.stringify方法，用于将JavaScript对象转换为JSON字符串，以及一个简化版的模拟实现。同时提到了JSON.parse作为反向操作，将JSON字符串解析回JavaScript对象，使用eval进行简单实现。文章未涉及复杂情况如函数类型的处理。

JSON.stringify：是一个JSON的内置方法，用来将数据转成JSON字符串的api

测试一下JSON.stringify本身的数据转换情况，如下：

话不多说直接贴手写模拟实现的代码：

const jsonStringify = (obj) => {
        if (Object.is(obj, NaN)) {
            return 'null';
        }
        if (typeof obj === 'number' || typeof obj === 'boolean' || obj === null) {
            return String(obj);
        }
        if (typeof obj === 'string') {
            return '"' + obj.replace(/"/g, '\\"') + '"';
        }
        if (Array.isArray(obj)) {
            return "[" + obj.map((item) => jsonStringify(item)).join(",") + "]";
        }
        // 暂时只考虑对象类型，什么RegExp，函数类型暂时不考虑处理
        if (typeof obj === 'object') {
            const pairs = [];
            for (let key in obj) {
                if (Object.hasOwnProperty.call(obj, key) && obj[key] !== undefined) {
                    pairs.push('"' + key + '":' + jsonStringify(obj[key]));
                }
            }
            return "{" + pairs.join(",") + "}";
        }
    };

稍微解释一下，引用类型需要考虑递归处理，这里暂时不考虑太过复杂的情况，比如函数之类的

JSON.parse()将一个JSON字符串转换回JavaScript对象或数组的方法

JSON.parse的实现就不细说了，就一行代码的事情，用eval去执行

    const jsonParse=(str)=>{
        return eval('('+str+')')
    }