JSON.string()转换的问题

标题JSON.string()转换的问题

对数组解析，值为null,undefined,NaN,fn 会被解析为null
对对象拷贝，与数组转换类似，不同的是当对象某属性的属性值为undefined时,该属性被丢弃

上代码

const log = console.log.bind(document);
const formInfo = [
       {fieldId:1,value:undefined},
       {fieldId:2,value:undefined},
       {fieldId:3,value:undefined},
        null,
        undefined,
        NaN,
        ()=>{}
        ]
 const data = JSON.stringify(formInfo)
 log(data)
 //[{"fieldId":1},{"fieldId":2},{"fieldId":3},null,null,null,null]

应用场景:
当前端向后端传数据时，对象某个属性未赋值，但需要保留。

解决方案1:(不推荐)
深度克隆，并将undefinde转换为""

        /**
         * 辅助函数，用来判断类类型
         * @param {*} data 需判断的数据
         * @returns { String }
         */
        function checkType(data){
            return Object.prototype.toString.call(data).slice(8,-1);
        }
        /**
         * 深拷贝函数
         * @param {*} data 需拷贝的数据
         * @returns {*}
         */
        function deepCopy(data){
            let obj;
            // 判断类型
            const type = checkType(data);
            if(type === 'Object'){
                obj = {};
                for (const key in data) {
                    if (Object.hasOwnProperty.call(data, key)) {
                        const val = data[key];
                        obj[key] = deepCopy(val);
                    }
                }
            }else if(type === 'Array'){
                obj = [];
                for (const val of data) {
                    obj.push(deepCopy(val));
                }
            }else if(type === "Undefined"){
                return "";
            }else{
                return data;
            }
            return obj;
        }
        

解决方案2:(推荐)
利用JSON.stringify函数的第二个参数

JSON.stringify(formInfo,(key,val)=>{
           if(val == undefined) return "";
            return val;
        })

比较：

log(JSON.stringify(formInfo));
log(JSON.stringify(deepCopy(formInfo)));
log(JSON.stringify(formInfo,(key,val)=>{
           if(val == undefined) return "";
            return val;
        }))