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 相关文章推荐
node.js chat程序如何实现Ajax long-polling长链接刷新模式
Mar 13 Javascript
jQuery实用技巧必备(下)
Nov 03 Javascript
老生常谈JavaScript数组的用法
Jun 10 Javascript
JS判断日期格式是否合法的简单实例
Jul 11 Javascript
Bootstrap优化站点资源、响应式图片、传送带使用详解3
Oct 14 Javascript
Chrome不支持showModalDialog模态对话框和无法返回returnValue问题的解决方法
Oct 30 Javascript
jQuery控制控件文本的长度的操作方法
Dec 05 Javascript
Three.js实现浏览器变动时进行自适应的方法
Sep 26 Javascript
JS实现的类似微信聊天效果示例
Jan 29 Javascript
小程序双头slider选择器的实现示例
Mar 31 Javascript
微信小程序文章列表功能完整实例
Jun 03 Javascript
vue配置型表格基于el-table拓展之table-plus组件
Apr 12 Vue.js
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
关于拼配咖啡,你要知道
2021/03/03 咖啡文化
一个阿拉伯数字转中文数字的函数
2006/10/09 PHP
php调用淘宝开放API实现根据卖家昵称获取卖家店铺ID的方法
2015/07/29 PHP
Symfony2联合查询实现方法
2016/03/18 PHP
php禁用函数设置及查看方法详解
2016/07/25 PHP
jquery 学习笔记 传智博客佟老师附详细注释
2020/09/12 Javascript
比Jquery的document.ready更快的方法
2010/04/28 Javascript
Javascript数组的排序 sort()方法和reverse()方法
2012/06/04 Javascript
基于SVG的web页面图形绘制API介绍及编程演示
2013/06/28 Javascript
超实用的JavaScript表单代码段
2016/02/26 Javascript
原生JS实现图片网格式渐显、渐隐效果
2017/06/05 Javascript
Jquery+Ajax+xml实现中国地区选择三级联动菜单效果(推荐)
2017/06/09 jQuery
VUE重点问题总结
2018/03/19 Javascript
小程序自定义单页面、全局导航栏的实现代码
2019/03/15 Javascript
浅谈Vue的响应式原理
2019/05/30 Javascript
vue+element 模态框表格形式的可编辑表单实现
2019/06/07 Javascript
js重写alert事件(避免alert弹框标题出现网址)
2020/12/04 Javascript
Python ValueError: invalid literal for int() with base 10 实用解决方法
2015/06/21 Python
Python入门_浅谈数据结构的4种基本类型
2017/05/16 Python
使用pymysql查询数据库,把结果保存为列表并获取指定元素下标实例
2020/05/15 Python
Python selenium模块实现定位过程解析
2020/07/09 Python
pycharm使用技巧之自动调整代码格式总结
2020/11/04 Python
详解Django中的FBV和CBV对比分析
2021/03/01 Python
使用canvas一步步实现图片打码功能的方法
2019/06/17 HTML / CSS
意大利奢侈品购物网站:Giglio
2018/01/05 全球购物
如何利用cmp命令比较文件
2016/04/11 面试题
教育科学研究生自荐信
2013/10/09 职场文书
小饰品店的创业计划书范文
2013/12/28 职场文书
2014年应届大学生毕业自我鉴定
2014/01/31 职场文书
晚会主持词开场白
2014/03/17 职场文书
慈善捐赠倡议书
2014/08/30 职场文书
2014年语文教研组工作总结
2014/12/06 职场文书
公司搬迁通知
2015/04/20 职场文书
2015年班干部工作总结
2015/04/29 职场文书
大学生心理健康活动总结
2015/05/08 职场文书
《赵州桥》教学反思
2016/02/17 职场文书