json对象与数组以及转换成js对象的简单实现方法


Posted in Javascript onJune 24, 2016

JSON 语法规则

JSON 语法是 JavaScript 对象表示法语法的子集。

•数据在名称/值对中
•数据由逗号分隔
•花括号保存对象
•方括号保存数组

JSON 对象

JSON 对象在花括号中书写:

对象可以包含多个名称/值对:

{ "firstName":"John" , "lastName":"Doe" }

这一点也容易理解,与这条 JavaScript 语句等价:

firstName = "John"
lastName = "Doe"

JSON 数组

JSON 数组在方括号中书写:

数组可包含多个对象:

{ 
"employees": [ 
{ "firstName":"John" , "lastName":"Doe" }, 
{ "firstName":"Anna" , "lastName":"Smith" }, 
{ "firstName":"Peter" , "lastName":"Jones" } 
] 
}

在上面的例子中,对象 "employees" 是包含三个对象的数组。每个对象代表一条关于某人(有姓和名)的记录。

JSON 文件

•JSON 文件的文件类型是 ".json"
•JSON 文本的 MIME 类型是 "application/json"

JSON文本转换为 JavaScript 对象

JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象。

eval() 函数使用的是 JavaScript 编译器,可解析 JSON 文本,然后生成 JavaScript 对象。必须把文本包围在括号中,这样才能避免语法错误:
var obj = eval ("(" + jsontxt + ")");

示例:

$.ajax({
    type: 'POST',
    url: '../../caseHandler.ashx?action=GetCase&id=' + id.toString(), //url action是方法的名称
    data: "",
    dataType: "text", //可以是text,如果用text,返回的结果为字符串;如果需要json格式的,可以设置为json
    ContentType: "application/json; charset=utf-8",
    success: function (returnedData) {
      getMarkerFeature(eval("(" + returnedData+ ")"));
    },
    error: function (msg) {
      alert("访问失败:"+ msg);
    }
  });

通过JavaScript创建对象数组

var employees = [
{ "firstName":"Bill" , "lastName":"Gates" },
{ "firstName":"George" , "lastName":"Bush" },
{ "firstName":"Thomas" , "lastName": "Carter" }
];

JavaScript对象属性访问的两种方式

object.attribute

object["attribute"]

例如:

var employees = [
{ "firstName":"Bill" , "lastName":"Gates" },
{ "firstName":"George" , "lastName":"Bush" },
{ "firstName":"Thomas" , "lastName": "Carter" }
];
alert(employees[0].lastName); // 方式一
alert(employees[0]["lastName"]); // 方式二

以上就是小编为大家带来的json对象与数组以及转换成js对象的简单实现方法全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
Json对象替换字符串占位符实现代码
Nov 17 Javascript
javaScript复制功能调用实现方案
Dec 13 Javascript
javascript使用百度地图api和html5特性获取浏览器位置
Jan 10 Javascript
解决jquery操作checkbox火狐下第二次无法勾选问题
Feb 10 Javascript
node.js中使用q.js实现api的promise化
Sep 17 Javascript
JavaScript动态提示输入框输入字数的方法
Jul 27 Javascript
js文本框输入内容智能提示效果
Dec 02 Javascript
JavaScript编写页面半透明遮罩效果的简单示例
May 09 Javascript
微信小程序 navbar实例详解
May 11 Javascript
总结javascript三元运算符知识点
Sep 28 Javascript
jQuery访问json文件中数据的方法示例
Jan 28 jQuery
vue elementui tree 任意级别拖拽功能代码
Aug 31 Javascript
jQuery实现点击弹出背景变暗遮罩效果实例代码
Jun 24 #Javascript
JS控制文本域只读或可写属性的方法
Jun 24 #Javascript
jQuery插件扩展extend的简单实现原理
Jun 24 #Javascript
jQuery设置单选按钮radio选中/不可用的实例代码
Jun 24 #Javascript
jQuery给div,Span, a ,button, radio 赋值与取值
Jun 24 #Javascript
jQuery模仿单选按钮选中效果
Jun 24 #Javascript
JS实现iframe编辑器光标位置插入内容的方法(兼容IE和Firefox)
Jun 24 #Javascript
You might like
PHP中数组定义的几种方法
2013/09/01 PHP
php禁止直接从浏览器输入地址访问.php文件的方法
2014/11/04 PHP
Thinkphp中的curd应用实用要点
2015/01/04 PHP
php递归遍历多维数组的方法
2015/04/18 PHP
Yii框架数据库查询、增加、删除操作示例
2019/10/14 PHP
Mootools 1.2教程 输入过滤第二部分(字符串)
2009/09/15 Javascript
兼容ie、firefox的图片自动缩放的css跟js代码分享
2012/01/21 Javascript
JavaScript 基础篇(一)
2012/03/30 Javascript
jQuery插件-jRating评分插件源码分析及使用方法
2012/12/28 Javascript
JS实现模仿微博发布效果实例代码
2013/12/16 Javascript
jquery让返回的内容显示在特定div里(代码少而精悍)
2014/06/23 Javascript
JQuery Tips相关(1)----关于$.Ready()
2014/08/14 Javascript
推荐阅读的js快速判断IE浏览器(兼容IE10与IE11)
2015/12/13 Javascript
基于JavaScript实现添加到购物车效果附源码下载
2016/08/22 Javascript
vue实现可增删查改的成绩单
2016/10/27 Javascript
Angular.JS中指令ng-if的注意事项小结
2017/06/21 Javascript
原生js jquery ajax请求以及jsonp的调用方法
2017/08/04 jQuery
微信小程序滚动Tab实现左右可滑动切换
2017/08/17 Javascript
浅谈Vue 自动化部署打包上线
2020/06/14 Javascript
如何在Python中编写并发程序
2016/02/27 Python
Python实现获取照片拍摄日期并重命名的方法
2017/09/30 Python
python正则表达式及使用正则表达式的例子
2018/01/22 Python
Python 输入一个数字判断成绩分数等级的方法
2018/11/15 Python
解决python虚拟环境切换无效的问题
2020/04/30 Python
Python中的xlrd模块使用原理解析
2020/05/21 Python
python读取excel进行遍历/xlrd模块操作
2020/07/12 Python
Top Villas美国:豪华别墅出租和度假屋
2018/07/10 全球购物
动物学专业毕业生求职信
2013/10/11 职场文书
淘宝店铺营销方案
2014/02/13 职场文书
餐厅销售主管职责范本
2014/02/19 职场文书
《一株紫丁香》教学反思
2014/02/19 职场文书
大学生职业生涯规划书汇总
2014/03/20 职场文书
党员领导干部承诺书
2014/05/28 职场文书
文化产业实施方案
2014/06/07 职场文书
2014大学班主任工作总结
2014/11/08 职场文书
应届生个人的求职(自荐信范文2篇)
2019/08/23 职场文书