• 石川es6课程---11、json


    石川es6课程---11、json

    一、总结

    一句话总结:

    ` 感觉更方便了一点,增加了一些简写
    ` key-value 一样时可以简写:console.log({ a,b}})
    ` 里面函数可以简写:console.log({ show(){ console.log('a') }})

    1、JSON 格式要求?

    - JSON 是 JS对象 的严格子集
    - 只能用双引号
    - 所有的key都必须用双引号包起来

    二、json

    • JSON 格式

      • JavaScript Object Notation 的缩写,是一种用于数据交换的文本格式
      • JSON 是 JS对象 的严格子集
      • JSON 的标准写法
      • 只能用双引号
      • 所有的key都必须用双引号包起来
    • JSON 对象

      • JSON 对象是 JavaScript 的原生对象,用来处理 JSON 格式数据,有两个静态方法
      • JSON.parse(string) :接受一个 JSON 字符串并将其转换成一个 JavaScript 对象
      • JSON.stringify(obj) :接受一个 JavaScript 对象并将其转换为一个 JSON 字符串
    var json = {a: 12, b: 5}
    var str = 'hi,' + JSON.stringify(json)
    var url = 'http://www.xx.com/' + encodeURIComponent(JSON.stringify(json))
    console.log(str)
    console.log(url)
    
    var str = '{"a": 12, "b": 4, "c": "abc"}'
    var json = JSON.parse(str)
    console.log(json)
    hi,{"a":12,"b":5}
    http://www.xx.com/%7B%22a%22%3A12%2C%22b%22%3A5%7D
    { a: 12, b: 4, c: 'abc' }
    • 对象(object)

      • 是 JavaScript 语言的核心概念,也是最重要的数据类型
      • 对象就是一组“键值对”(key-value)的集合,是一种无序的复合数据集合
      • 对象的所有键名都是字符串, 所以加不加引号都可以
      • 如果键名是数值,会被自动转为字符串
      • 对象的每一个键名又称为“属性”(property),它的“键值”可以是任何数据类型
      • 如果一个属性的值为函数,通常把这个属性称为“方法”,它可以像函数那样调用
      • in 运算符用于检查对象是否包含某个属性(注意,检查的是键名,不是键值
      • for...in循环用来遍历一个对象的全部属性
    • 对象 简写

      • key-value 一样时可以简写
      • 里面函数可以简写, 去掉
    var a = 12, b = 5
    console.log({a:a, b:b})
    console.log({a, b})
    console.log({a, b, c:"c"})
    console.log({ a, b, show(){ console.log('a') }})
    { a: 12, b: 5 }
    { a: 12, b: 5 }
    { a: 12, b: 5, c: 'c' }
    { a: 12, b: 5, show: [Function: show] }
     
  • 相关阅读:
    [分享] Knockout.js 体验之旅
    [分享] 用NodeJs做一个小爬虫,附源码!
    [分享] 纯CSS完美实现垂直水平居中的6种方式
    [分享] 来,做一个问卷调查(有抽奖!)
    除非你是BAT,前端开发中最好少造轮子
    [分享] 微信支付中商户对个人用户付款案例
    30分钟做一个二维码名片应用,有源码!
    【分享】WeX5的正确打开方式(7)——数据组件详解
    基于phonegap,html5,ratchet,handlebars等技术的微表情APP
    html5实现web app摇一摇换歌
  • 原文地址:https://www.cnblogs.com/Renyi-Fan/p/11608970.html
Copyright © 2020-2023  润新知