JSON小技巧-阿里云开发者社区

JSON小技巧

2023-11-27 48

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： JSON小技巧

越年轻，就越不能跟丑事妥协——纪德

分享个前端的JSON.stringify以及parse小技巧

MDN：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/JSON

例如我们此处使用JSON.stringify({name:'VampireAchao',age:21})可以将对象转为json

如果我们只想要name值，则可以传入第二个参数，可以接受一个数组类型

JSON.stringify({name:'VampireAchao',age:21},['name'])

转出来则是'{"name":"VampireAchao"}'

如果我们要自定义规则，则可以传入一个函数类型，第一次调用时value为我们的数据对象，属于由外向内调用

let times = 0;
const json = JSON.stringify({name:'VampireAchao',age:21},(key, value) =>{
    console.log(++times)
    console.table({key,value})
    if(typeof value === 'object'||
       Array.isArray(value)){
        return value
    }
    if(typeof value !== 'string'){
        return undefined
    }
    return value
})
console.log(json)

效果如下：

如果我们需要json之间来点美观的间距，则可以传入第三个参数

JSON.stringify({name:'VampireAchao',age:21},null,'\t')

JSON.parse就不再赘述了，也可以支持第二个参数，但属于由内向外调用

let times = 0;
JSON.parse('{"name":"VampireAchao","age":21}',(key,value)=>{
   console.log(++times)
    console.table({key,value})
    if(typeof value === 'object'||
       Array.isArray(value)){
        return value
    }
    if(typeof value !== 'string'){
        return undefined
    }
    return value
})

JSON小技巧

热门文章

最新文章

相关电子书

热门

活动广场

任务中心

开发者评测

高校计划

乘风者计划

训练营

阿里云MVP

话题

直播

下载

镜像站

技术资料

插件

JSON小技巧

热门文章

最新文章

相关电子书