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 相关文章推荐
javascript实现的listview效果
Apr 28 Javascript
利用location.hash实现跨域iframe自适应
May 04 Javascript
JQuery 选择器 xpath 语法应用
May 13 Javascript
jquery滚动条插件jScrollPane的使用介绍
Nov 08 Javascript
javascript制作坦克大战全纪录(1)
Nov 27 Javascript
自己封装的常用javascript函数分享
Jan 07 Javascript
jQuery实现瀑布流布局详解(PC和移动端)
Sep 01 Javascript
js判断空对象的实例(超简单)
Jul 26 Javascript
.net MVC+Bootstrap下使用localResizeIMG上传图片
Apr 21 Javascript
vue init失败简单解决方法(终极版)
Dec 22 Javascript
Vue2.0 实现移动端图片上传功能
May 30 Javascript
JavaScript函数定义方法实例详解
Mar 05 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获取客户端电脑屏幕参数的方法
2015/01/09 PHP
PHP计算日期相差天数实例分析
2016/02/23 PHP
Mac系统下安装PHP Xdebug
2018/03/30 PHP
PHP实现获取url地址中顶级域名的方法示例
2019/06/05 PHP
jQuery中setTimeout的几种使用方法小结
2013/04/07 Javascript
jquery删除ID为sNews的tr元素的内容
2014/04/10 Javascript
JQUERY表单暂存功能插件分享
2016/02/23 Javascript
JavaScript实现简单Tip提示框效果
2016/04/20 Javascript
JS 拼凑字符串的简单实例
2016/09/02 Javascript
jquery注册文本框获取焦点清空,失去焦点赋值的简单实例
2016/09/08 Javascript
无循环 JavaScript(map、reduce、filter和find)
2017/04/08 Javascript
基于Vue 实现一个中规中矩loading组件
2019/04/03 Javascript
Vue如何实现监听组件原生事件
2020/07/03 Javascript
vue中touch和click共存的解决方式
2020/07/28 Javascript
js利用iframe实现选项卡效果
2020/08/09 Javascript
小程序点餐界面添加购物车左右摆动动画
2020/09/23 Javascript
原生js实现移动小球(碰撞检测)
2020/12/17 Javascript
浅谈终端直接执行py文件,不需要python命令
2017/01/23 Python
matplotlib给子图添加图例的方法
2018/08/03 Python
使用Python计算玩彩票赢钱概率
2019/06/26 Python
python基于socket函数实现端口扫描
2020/05/28 Python
如何将json数据转换为python数据
2020/09/04 Python
如何利用Python给自己的头像加一个小国旗(小月饼)
2020/10/02 Python
Python实现自动装机功能案例分析
2020/10/22 Python
css3实现圆锥渐变conic-gradient效果
2020/02/12 HTML / CSS
计算机开发个人求职信范文
2013/09/26 职场文书
服装设计专业毕业生推荐信
2013/11/09 职场文书
物理教学随笔感言
2014/02/22 职场文书
护理助产毕业生的求职信
2014/03/02 职场文书
小学教师寄语大全
2014/04/03 职场文书
普通党员个人对照检查材料
2014/09/18 职场文书
2014年学校工会工作总结
2014/12/06 职场文书
六一领导慰问欢迎词
2015/01/26 职场文书
音乐教师个人总结
2015/02/06 职场文书
python 如何用terminal输入参数
2021/05/25 Python
Python如何解决secure_filename对中文不支持问题
2021/07/16 Python