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

简介: 今天学习《番外篇》第3章 JS 语法实例讲解 第22课 JS 实用技巧二:对象与函数等相关技巧,这节课继续学习有关变量声明、参数定义、箭头函数定义、字符串使用等有关的语法实用技巧。

image.png

今天学习《番外篇》第3章 JS 语法实例讲解 第22课 JS 实用技巧二:对象与函数等相关技巧,这节课继续学习有关变量声明、参数定义、箭头函数定义、字符串使用等有关的语法实用技巧。


学习目标


  • 变量声明技巧
  • 对象属性名称简写技巧
  • 箭头函数实用技巧
  • 学习箭头函数实用技巧
  • 函数参数的定义技巧
  • 使用 find 方法实现复杂查找
  • 字符串使用技巧
  • 使用科学记数法

相关问题:


如果想从数组中查找某个符合特定复杂条件的元素,通常使用循环的方式逐个检查,如下所示,函数 find 用于从数组 arr 中查找 type 为“String”、name 为“小游戏”的元素:


const arr = [
   { type: "String", name: "小游戏" },
   { type: "String", name: "小程序" },
   { type: "Number", name: 2021 },
   { type: "Number", name: 11.27 },
 ]
 function find(name) {
   for (let i = 0; i < arr.length; ++i) {
     if (arr[i].type === "String" && arr[i].name === name) {
       return arr[i]
     }
   }
 }
 find("小游戏") // 输出:{type: 'String', name: '小游戏'}


主要知识点/技能点



实践疑难点



小结

这节课主要练习了变量声明、参数定义、箭头函数定义、字符串使用等有关的语法实用技巧。

目录
相关文章
|
3月前
|
JavaScript 前端开发 开发者
JavaScript中的箭头函数:简洁的语法与this绑定
JavaScript中的箭头函数:简洁的语法与this绑定
428 184
|
7月前
|
前端开发 JavaScript Java
【Java进阶】JavaScript电灯开关实例:从理论到实践
这个例子展示了JavaScript的基本功能,包括操作HTML元素,监听事件,以及改变元素的样式。通过学习和理解这个例子,你可以了解到JavaScript在网页中的应用,以及如何使用JavaScript来创建交互式的网页。
165 13
|
6月前
|
JSON 前端开发 Serverless
Mock.js 语法结构全解析
Mock.js 的语法规范介绍,从数据模板定义规范和数据占位符定义规范俩部分介绍, 让你更好的使用 Mock.js 来模拟数据并提高开发效率。
|
存储 JavaScript 前端开发
Node.js的基本语法
【8月更文挑战第12天】Node.js的基本语法
777 1
|
JavaScript 前端开发
JavaScript 函数语法
JavaScript 函数是使用 `function` 关键词定义的代码块,可在调用时执行特定任务。函数可以无参或带参,参数用于传递值并在函数内部使用。函数调用可在事件触发时进行,如用户点击按钮。JavaScript 对大小写敏感,函数名和关键词必须严格匹配。示例中展示了如何通过不同参数调用函数以生成不同的输出。
|
前端开发 JavaScript
基础 JavaScript 实例
基础 JavaScript 实例
74 1
|
JavaScript 前端开发
JavaScript基础&实战(1)js的基本语法、标识符、数据类型
这篇文章是JavaScript基础与实战教程的第一部分,涵盖了JavaScript的基本语法、标识符、数据类型以及如何进行强制类型转换,通过代码示例介绍了JS的输出语句、编写位置和数据类型转换方法。
JavaScript基础&实战(1)js的基本语法、标识符、数据类型
|
JavaScript 前端开发 大数据
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
206 0
|
缓存 JavaScript 前端开发
前端框架与库 - Vue.js基础:模板语法、数据绑定
【7月更文挑战第14天】Vue.js 是渐进式框架,以简洁API和高效数据绑定知名。本文聚焦模板语法与数据绑定,解释常见问题和易错点,助力初学者避坑。模板语法中,{{ expression }} 用于渲染值,v-bind/: 用于动态绑定属性。数据绑定涉及文本、属性和事件,注意v-model适用于表单元素,计算属性有缓存。理解正确用法,借助文档和IDE,可提升开发质量和效率。善用Vue.js,打造响应式UI。
551 4

热门文章

最新文章

下一篇
oss云网关配置