zoukankan      html  css  js  c++  java
  • JS中json数据的处理

    1、  json数据结构(对象和数组)

    json对象:var obj = {"name":"xiao","age":12};

    json数组:var objArray = [{"name":"xiao","age":12},{"name":"xiao","age":12}];

    2、  处理json数据,依赖文件有:jQuery.js

    3、Note:数据传输过程中,json数据是以文本,即字符串格式形式存在;

    JS语言操作的是JS对象;

    所以json字符串与JS对象之间的转换是关键;

    4、数据格式

    Json字符串:var  json_str = ‘{"name":"xiao","age":12}’;

    Josn对象:var  obj = {"name":"xiao","age":12};

    JS对象:Object  =  {name: "xiao", age: 12}

    5、类型转换

    Json字符串——>JS对象,使用方法:

    注明:

      json_str、obj代表的是在本文子标题4中的数据类型;

      obj = JSON.parse(json_str);

      obj = jQuery.parseJSON(json_str);

             Note:传入畸形json字符串(例如:‘{name:"xiao",age:12}’),会抛出异常;

             Json字符串格式,严格格式:‘{"name":"xiao","age":12}’

    JS对象——>Json字符串:

      json_str  = JSON. stringify(obj);

    NOTE:

    1、eval()是JS原生函数,使用该形式:eval(‘(’+‘{name:"xiao",age:12}’+’)’),并不安全,无法保证类型转换为JS对象;

    2、上面3中方法,都经过chrome浏览器测试,下面是测试结果截图;

    Json字符串——>JS对象;

     

    JS对象——>Json字符串:

     

    To园友:

    对文中任何错误的地方,欢迎您指出。

  • 相关阅读:
    Angular2.x-主/细节组件
    Angular2.x-显示heroes列表
    Angular2.x
    Linux-百度云之AccleriderMini使用
    Angular结构简单介绍
    Phonegap
    Deepin-安装vscode
    javascript 递归函数调用(recursive funciton call)
    go 中的pacage 名称 和import {}中的名称
    go get 下载的包放在哪里呢?
  • 原文地址:https://www.cnblogs.com/internHe/p/5627314.html
Copyright © 2011-2022 走看看