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实现无刷新更新数据的详细步骤 asp
Dec 26 Javascript
Js 刷新框架页的代码
Apr 13 Javascript
jQuery如何取id有.的值一般的方法是取不到的
Apr 18 Javascript
js动态往表格的td中添加图片并注册事件
Jun 12 Javascript
理解javascript中DOM事件
Dec 25 Javascript
关于js原型的面试题讲解
Sep 25 Javascript
Vue.js 2.0 和 React、Augular等其他前端框架大比拼
Oct 08 Javascript
图解Javascript——作用域、作用域链、闭包
Mar 21 Javascript
express框架实现基于Websocket建立的简易聊天室
Aug 10 Javascript
vue3.0 CLI - 1 - npm 安装与初始化的入门教程
Sep 14 Javascript
uni-app自定义导航栏按钮|uniapp仿微信顶部导航条功能
Nov 12 Javascript
javascript 数组精简技巧小结
Feb 26 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 启动时报错的简单解决方法
2014/01/27 PHP
ThinkPHP实现一键清除缓存方法
2014/06/26 PHP
使用PHP和HTML5 FormData实现无刷新文件上传教程
2014/09/06 PHP
php命令行用法入门实例教程
2014/10/27 PHP
为PHP安装imagick时出现Cannot locate header file MagickWand.h错误的解决方法
2014/11/03 PHP
PHP折半(二分)查找算法实例分析
2018/05/12 PHP
PHP设计模式概论【概念、分类、原则等】
2020/05/01 PHP
PHP基于array_unique实现二维数组去重
2020/07/14 PHP
jquery中对表单的基本操作代码
2010/07/29 Javascript
在多个页面使用同一个HTML片段的代码
2011/03/04 Javascript
js或jquery实现页面打印可局部打印
2014/03/27 Javascript
Node.js中使用mongoskin操作mongoDB实例
2014/09/28 Javascript
JavaScript设计模式之抽象工厂模式介绍
2014/12/28 Javascript
jQuery+ajax实现滚动到页面底部自动加载图文列表效果(类似图片懒加载)
2016/06/07 Javascript
js基于cookie记录来宾姓名的方法
2016/07/19 Javascript
微信小程序画布圆形进度条显示效果
2020/11/17 Javascript
vue-router实现嵌套路由的讲解
2019/01/19 Javascript
js尾调用优化的实现
2019/05/23 Javascript
详解基于Vue/React项目的移动端适配方案
2019/08/23 Javascript
全局安装 Vue cli3 和 继续使用 Vue-cli2.x操作
2020/09/08 Javascript
js+canvas实现转盘效果(两个版本)
2020/09/13 Javascript
[02:51]2014DOTA2 TI小组赛总结中国军团全部进军钥匙球馆
2014/07/15 DOTA
[51:07]VGJ.S vs Pain 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
python自动化测试之从命令行运行测试用例with verbosity
2014/09/28 Python
1分钟快速生成用于网页内容提取的xslt
2018/02/23 Python
python之pandas用法大全
2018/03/13 Python
python正则表达式匹配[]中间为任意字符的实例
2018/12/25 Python
python 图像的离散傅立叶变换实例
2020/01/02 Python
python collections模块的使用
2020/10/16 Python
AmazeUi Tree(树形结构) 应用小结
2020/08/17 HTML / CSS
草莓网英国官网:Strawberrynet UK
2017/02/12 全球购物
C&A巴西网上商店:时尚、衣服、手机和鞋子
2020/06/07 全球购物
毕业典礼演讲稿
2014/05/13 职场文书
农村文化活动总结
2014/08/28 职场文书
本科毕业论文答辩稿
2015/06/23 职场文书
少儿励志名言(80句)
2019/08/14 职场文书