第08/90步《番外篇》第3章 JS 语法实例讲解 第19课

简介: 今天学习《番外篇》第3章 JS 语法实例讲解 第19课 面向对象语法一:对象和数组,这节课学习对象与数组。在 JS 中,一切皆为对象,数组也是对象,数组是一种处理集合数据的特殊对象。

image.png

今天学习《番外篇》第3章 JS 语法实例讲解 第19课 面向对象语法一:对象和数组,这节课学习对象与数组。在 JS 中,一切皆为对象,数组也是对象,数组是一种处理集合数据的特殊对象。


学习目标


  • 对象属性名称简写
  • 方法名称简写
  • 使用计算属性
  • 使用Symbol 属性
  • 扩展运算符
  • 将 Object 用作字典
  • 数组的基本操作
  • 使用扩展运算符展开数组元素
  • 快速清空数组
  • 如何删除数组中的元素?
  • 如何在指定位置添加数组元素?
  • 数组归并(reduce)操作

主要知识点/技能点


  • 在 JS 中,对象的成员包括属性和方法,属性与方法名称都可以简写
  • 对象的属性名不仅可以使用字符串,还允许使用返回字符串的表达式或函数,语法是使用方括号括住
  • Symbol 是 ES6 中新增的类型,用于在对象中创建不会重复、也不会被覆盖的属性名称
  • 在初始化对象时,还允许使用扩展操作符(…)将已有对象的属性展开,并复制到新对象中
  • 虽然 JS 有专用的字典类型(Map 和 WeakMap),但有时候在存储键值对数据时,开发者更愿意选择更为简单直接的 Object 类型。

实践疑难点



小结


目录
相关文章
|
3月前
|
存储 JavaScript 前端开发
Node.js的基本语法
【8月更文挑战第12天】Node.js的基本语法
128 1
|
26天前
|
JavaScript 前端开发
JavaScript 函数语法
JavaScript 函数是使用 `function` 关键词定义的代码块,可在调用时执行特定任务。函数可以无参或带参,参数用于传递值并在函数内部使用。函数调用可在事件触发时进行,如用户点击按钮。JavaScript 对大小写敏感,函数名和关键词必须严格匹配。示例中展示了如何通过不同参数调用函数以生成不同的输出。
|
1月前
|
前端开发 JavaScript
基础 JavaScript 实例
基础 JavaScript 实例
21 1
|
1月前
|
JavaScript 前端开发 大数据
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
15 0
|
3月前
|
JavaScript 前端开发
JavaScript基础&实战(1)js的基本语法、标识符、数据类型
这篇文章是JavaScript基础与实战教程的第一部分,涵盖了JavaScript的基本语法、标识符、数据类型以及如何进行强制类型转换,通过代码示例介绍了JS的输出语句、编写位置和数据类型转换方法。
JavaScript基础&实战(1)js的基本语法、标识符、数据类型
|
3月前
|
前端开发 JavaScript 程序员
前端 JavaScript 的 _ 语法是个什么鬼?
前端 JavaScript 的 _ 语法是个什么鬼?
|
4月前
|
缓存 JavaScript 前端开发
前端框架与库 - Vue.js基础:模板语法、数据绑定
【7月更文挑战第14天】Vue.js 是渐进式框架,以简洁API和高效数据绑定知名。本文聚焦模板语法与数据绑定,解释常见问题和易错点,助力初学者避坑。模板语法中,{{ expression }} 用于渲染值,v-bind/: 用于动态绑定属性。数据绑定涉及文本、属性和事件,注意v-model适用于表单元素,计算属性有缓存。理解正确用法,借助文档和IDE,可提升开发质量和效率。善用Vue.js,打造响应式UI。
135 4
|
3月前
|
JavaScript
js之选项卡制作实例
js之选项卡制作实例
28 0
|
5月前
|
存储 JavaScript 前端开发
JavaScript 语法
JavaScript 语法
35 5