• 技术文章 >web前端 >js教程

    你不太了解的JSON

    hzchzc2020-06-13 09:43:51转载566
    前言


    这个知识点面试中被问的概率虽然很低,但是也有可能会问。

    JSON流行原因


    1. 拥有与js类似的语法

    2. 可以将JSON数据结构解析成js对象

    3. 与XML数据结构对比,提取数据更简单

    JSON语法


    简单值

    1. 字符串=>“123”

    2. 数值=>123

    3. 布尔值=>true

    4. null

    对象

    {"name": "helin",“age”: 12}

    数组

    [ {"name": "iskeeping","age": 12} ]

    注意:JSON的key一定要用双引号,以及value如果是字符串也一定要用双引号。

    JSON解析方式

    1.使用eval

    eval("({\"name\":\"iskeeping\"})")

    2.使用Functionnew

    Function("", "return ({\"name\":\"iskeeping\"})")()

    3.使用JSON.parse

    JSON.parse("{\"name\":\"iskeeping\"}")

    JSON序列化


    let json = 简单值/对象/数组

    JSON.stringify(json,null/[]/function(key,value){},缩进空格长度/字符串)

    例:

    let formateJson = JSON.stringify({ name: "iskeeping", age: 12 }, function (key, value) {
        switch (key) {
            case "name": return "iskeepingxx";
            default: return value;
        }
    }, 8)
    cosnole.log(formateJson)

    输出formateJson如下图:

    Snipaste_2020-06-13_09-42-34.png

    JSON原生支持


    原生的JSON对象得到以下浏览器支持。

    IE8+,Firefox3.5+,Safari 4+,Opera 10.5和chrome

    谢谢阅读!

    需要加微信交流,可留言!

    推荐教程:《JS教程

    以上就是你不太了解的JSON的详细内容,更多请关注php中文网其它相关文章!

    声明:本文转载于:掘金社区,如有侵犯,请联系admin@php.cn删除
    专题推荐:javascript
    上一篇:浅谈javascript中相等操作符:==与===的区别 下一篇:Vue 轻量级图表组件
    线上培训班

    相关文章推荐

    • 如何理解javascript中的函数概念• JavaScript 和 Dart 的区别• JavaScript 设计模式之单例模式• php+javascript实现用户注册模块(附源码)

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网