`

js解析json几种方式(含ES6结构赋值)

阅读更多
1.首先,最普通的js解析JSON方法:

[size=medium]
var jsonData = {"name":"小埋","age":18};  
for(var key in jsonData){  
   console.log(key);//json对象的key  
   console.log(jsonData[key]);//json对象的值  
} 
[/size]

2.用eval()函数转换为js对象再解析:

[size=medium]
var json1 = {
	"array1" : [
		{'item1' : 1},
		{'item2' : 2}
	]
}
var obj1 = eval(json1);
console.log(obj1.array1[0]['item1']);
[/size]

3.ES6里的结构赋值:

[size=medium]
var json2 = {
	"name" : "umaru",
	"age" : 18,
	"array2" : [
		{"item" : 1},
		{"item" : 2}
	]
}
let {age,name,array2} = json2;
console.log(name + age + array2[0]['item']);
[/size]
注意:结构赋值对象取值时和顺序无关,和变量名相关.

分享到:
评论

相关推荐

    从 0 到 1 学习 JavaScript 数据结构与算法.zip

    通过编写实际的代码,例如实现一个简单的数据库、解析JSON数据或者优化网页性能,来巩固和深化对数据结构与算法的理解。 在这个从“0到1”的学习过程中,建议逐步深入,先从基础数据结构和简单算法开始,然后逐渐...

    javascript100个小例子

    要学会解析JSON数据(JSON.parse)和转换JavaScript对象为JSON(JSON.stringify)。 7. **闭包**:理解闭包的概念,它是函数及其相关引用环境组合而成的实体,可以访问其自身作用域、外部函数作用域甚至全局作用域...

    jsonsite_脚本实例_源码

    1. **JSON解析与序列化**:JSON (JavaScript Object Notation) 是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。在JavaScript中,`JSON.parse()` 方法用于将JSON字符串转换为JavaScript...

    JavaScript面试题阿里巴巴JavaScript面试题 阿里巴巴

    客户端与JavaScript之间主要通过以下几种方式进行通信: 1. **DOM 操作**:通过修改DOM来改变页面的状态。 2. **AJAX**:异步JavaScript和XML技术,可以在不重新加载整个网页的情况下与服务器交换数据。 3. **...

    JavaScript语言精粹.修订版 Javascript:The Good Parts 中英 pdf

    书中介绍了JSON的结构和如何在JavaScript中进行解析和序列化。 5. **错误处理**:JavaScript提供了try...catch语句来处理运行时错误。理解如何有效地捕获和处理错误是编写健壮代码的关键。 6. **异步编程**:...

    JavaScript精典样例

    实例可能涉及到解析JSON数据,或者将JavaScript对象转换成JSON格式发送到服务器。 7. **面向对象编程**:JavaScript支持面向对象编程,包括构造函数、原型链、封装和继承等概念。实例可能展示如何创建自定义对象和...

    100个Javascript特效页面以及源代码

    13. **JSON数据处理**:JSON是常用的数据交换格式,JavaScript内置了JSON对象,用于解析和序列化JSON数据。 14. **错误处理**:通过try...catch语句,可以捕获和处理运行时可能出现的错误,保证程序的稳定运行。 ...

    electron-react-demo:Electron + React + Node.js + ES6开发桌面软件(http

    【标题】"Electron + React + Node.js + ES6开发桌面软件"的实践与解析 在现代软件开发中,创建跨平台的桌面应用程序已经成为一种需求。 Electron框架的出现,使得利用Web技术(如HTML、CSS和JavaScript)构建桌面...

    JavaScript网页设计300例

    11. **ES6新特性**:包括箭头函数、模板字符串、let和const、解构赋值、Promise、async/await等,这些都是现代JavaScript开发中的重要工具。 12. **Web存储**:利用localStorage和sessionStorage在浏览器中存储数据...

    js高级面试题

    在现代前端开发中,模块化已成为标准实践之一,ES6 模块提供了清晰的方式来组织代码。在实际应用中,开发者可以通过 `import` 语句来导入模块中的导出项,并通过 `export` 语句将变量或函数等暴露出去供其他模块使用...

    北大青鸟S2项目实战5

    6. **JSON**:理解JSON数据格式,学会将JavaScript对象转换为JSON字符串,以及解析JSON数据。 7. **面向对象编程**:接触JavaScript的面向对象特性,包括构造函数、原型链、实例化对象以及对象继承。 8. **错误...

    JavaScript5.rar

    此外,随着JavaScript的不断发展,后续版本如ES6、ES7至ES11引入了许多新的特性和语法糖,如箭头函数、模板字符串、解构赋值、Promise、async/await等,这些也为现代JavaScript开发带来了更多便利。

    vue.js,ajax渲染页面的实例

    在前端JavaScript中,JSON数据会被解析为JavaScript对象或数组,便于进行后续的数据操作。 5. Vue.js的生命周期钩子: Vue实例具有生命周期,在不同的阶段会触发不同的钩子函数。在这个例子中,使用了“created”...

    突破JavaScript编程实例五十讲解.rar

    6. **ES6新特性**:ECMAScript 6(ES6)引入了许多新的语法特性,如箭头函数、模板字符串、let和const、解构赋值、类和模块等,这些都是现代JavaScript开发的基石。 7. **Promise和async/await**:Promise解决了...

    JavaScript帮助文档

    8. **JSON(JavaScript Object Notation)**:轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。 9. **Web API**:如WebSocket用于实时双向通信,Web Workers用于在后台执行计算密集型任务,...

    ECMAScript规范-第三版_中文版.

    10. **JSON**:虽然JSON格式在ES3之后的版本才正式成为标准,但在实际应用中已经广泛使用,提供`parse`和`stringify`方法进行JSON数据的解析和序列化。 11. **BOM与DOM**:虽然不是ECMAScript规范的一部分,但在...

    javaScript300例

    5. **JSON**:如何解析和序列化JSON数据,JSON对象与JavaScript对象之间的转换。 6. **正则表达式**:用于字符串匹配和验证的模式,学习如何创建和使用正则表达式。 7. **原型和继承**:JavaScript的面向对象特性...

    JS实现的对象去重功能示例

    本篇文章将深入探讨如何使用JavaScript实现对象去重功能,特别关注于结合实例来解析JavaScript对JSON对象的遍历、判断和运算操作。 首先,让我们分析给出的示例代码: ```javascript var obj = [ {year: '2013-...

    基于layui自定义表单组件

    4. **JavaScript和ECMAScript**:layui组件的动态功能主要由JavaScript实现,其中ECMAScript(ES)是JavaScript的基础,新的ES版本(如ES6、ES7等)引入了更多的特性,如箭头函数、类、解构赋值等,提升了代码的...

    aula_javascript:JavaScript简介

    JavaScript,简称JS,是一种轻量级的解释型编程语言,广泛应用于网页和网络应用开发,是互联网上最常用的脚本语言之一。JavaScript以其强大的交互性和灵活性,为网站提供了丰富的动态功能,极大地提升了用户体验。 ...

Global site tag (gtag.js) - Google Analytics