第13章 javaScript面向对象（下）-补充案例.docVIP

第8章 JavaScript编程基础 PAGE 2 PAGE 1 第13章补充案例 【案例13-1】数组、对象的解构赋值 一、案例描述 考核知识点 let关键字、{}符号、[]符号、对象的解构赋值 练习目标 掌握如何使用数组、对象的解构赋值实现单个（多个）数组元素的赋值 掌握如何使用数组、对象的解构赋值实现单个（多个）对象属性的赋值 需求分析 对象解构允许使用变量的名字匹配对象的属性，并?将对象属性的值赋值给变量，数组解构允许按照一一对应的关系从数组中提取值?然后将值赋值给变量。 案例分析 效果如图13-1所示。 数组、对象的解构赋值 具体实现步骤如下： 定义对象person ?使用let关键字定义{name,?age,?sex} 使用let关键字定义{?name:?myName} 定义数组ary 使用let关键字定义[a,?b,?c,?d,?e]? 在浏览器中运行查看运行结果 二、案例实现 根据上面的分析，可以通过简单的JavaScript代码来实现这一效果，具体代码如下： !DOCTYPE html html?lang=en head ????meta?charset=UTF-8 ????titleDocument/title /head body ??script ????//?对象解构允许我们使用变量的名字匹配对象的属性?匹配成功?将对象属性的值赋值给变量 ????