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 相关文章推荐
JS实现标签页效果(配合css)
Apr 03 Javascript
Jquery 模板数据绑定插件的使用方法详解
Jul 08 Javascript
JS小功能(操作Table--动态添加删除表格及数据)实现代码
Nov 28 Javascript
用jQuery实现的智能隐藏、滑动效果的返回顶部代码
Mar 18 Javascript
简易的投票系统以及js刷票思路和方法
Apr 07 Javascript
Jquery简单实现GridView行高亮的方法
Jun 15 Javascript
angularjs学习笔记之三大模块(modal,controller,view)
Sep 26 Javascript
jquery判断复选框是否被选中的方法
Oct 16 Javascript
JS实现的DIV块来回滚动效果示例
Feb 07 Javascript
微信小程序 检查接口状态实例详解
Jun 23 Javascript
详解Angular中实现自定义组件的双向绑定的两种方法
Nov 23 Javascript
JavaScript实现登录窗体
Jun 22 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语法(3)
2006/10/09 PHP
php中根据某年第几天计算出日期年月日的代码
2011/02/24 PHP
Thinkphp中的volist标签用法简介
2014/06/18 PHP
SCP远程VPS快速搬家和WDCP升级php5.3安装memcached和eaccelerator教程
2017/07/27 PHP
Prototype Function对象 学习
2009/07/12 Javascript
颜色选择器 Color Picker,IE,Firefox,Opera,Safar
2010/11/25 Javascript
jquery判断元素是否隐藏的多种方法
2014/05/06 Javascript
一行命令搞定node.js 版本升级
2014/07/20 Javascript
JavaScript创建一个object对象并操作对象属性的用法
2015/03/23 Javascript
AngularJS基础 ng-submit 指令简单示例
2016/08/03 Javascript
JS实现获取当前URL和来源URL的方法
2016/08/24 Javascript
非常实用的vue导航钩子
2017/03/20 Javascript
浅析Node.js非对称加密方法
2018/01/29 Javascript
JavaScript控制浏览器全屏显示简单示例
2018/07/05 Javascript
JavaScript学习笔记之基于定时器实现图片无缝滚动功能详解
2019/01/09 Javascript
JavaScript数据结构之栈实例用法
2019/01/18 Javascript
Python内置数据类型详解
2014/08/18 Python
python下载图片实现方法(超简单)
2017/07/21 Python
Python socket实现简单聊天室
2018/04/01 Python
python交换两个变量的值方法
2019/01/12 Python
python代码实现逻辑回归logistic原理
2019/08/07 Python
用Python解数独的方法示例
2019/10/24 Python
Python接口自动化判断元素原理解析
2020/02/24 Python
Python unittest 自动识别并执行测试用例方式
2020/03/09 Python
Python plt 利用subplot 实现在一张画布同时画多张图
2021/02/26 Python
CSS3实现多重边框的方法总结
2016/05/31 HTML / CSS
塔吉特百货公司官网:Target
2017/04/27 全球购物
英国马匹装备和马术用品购物网站:Equine Superstore
2019/03/03 全球购物
英国最大的在线快递公司之一:ParcelHero
2019/11/04 全球购物
青年创业培训欢迎词
2014/01/10 职场文书
工作表现评语
2014/01/19 职场文书
电话客服专员岗位职责
2014/06/28 职场文书
永远跟党走演讲稿
2014/09/12 职场文书
名人演讲稿范文
2014/09/16 职场文书
大学生自我评价范文
2015/03/03 职场文书
2015年小学中秋节活动总结
2015/03/23 职场文书