- 博客(508)
- 资源 (82)
- 收藏
- 关注
原创 find方法
看上去好像find方法和filter方法类似,只不过find方法只会返回数组第一个符合条件的元素;其次filter方法会返回一个新的数组,而find方法只会返回元素本身;find() 方法用于在数组中查找符合条件的第一个元素,并返回该元素。如果找到匹配的元素,则返回该元素的值;如果未找到匹配的元素,则返回 undefined。● 除此之外,使用find方法也可以去获取你想要的账户名。● 当然上述的方法也可以使用for of来实现。
2024-04-17 21:47:48 34
原创 JavaScript代码挑战3
重写上一个挑战中的 "calcAverageHumanAge "函数,但这次改为箭头函数,并使用链式连接!测试数据 1: [5, 2, 4, 1, 15, 8, 3] 测试数据 2: [16, 6, 10, 5, 6, 1测试数据 2:[16,6,10,5,6,1,4]祝你好运。
2024-04-16 11:32:26 185
原创 JavaScript方法链的魔力
const calcDisplaySummary = function (movements) { //创建一个函数,接受一个数组参数。● 但是如果存款的每一笔利息如果小于1的话,就会被银行给过滤掉,所以我们还需要在利息的函数中添加一个过滤条件。● 上图显示的是用户的存款数,我们使用方法链的方式去实现它。● 按照上面的方法,我们可以继续我们的银行家应用程序了。● 同样的操作,我们计算除取款和银行的利息。
2024-04-15 13:23:43 384
原创 reduce方法
● 例如上述这个列表存储了一个用户每次取钱和存钱的一个过程,我们要将这个数组中所有的数组加起来,来了解他的余额到底有多少钱,这就需要用到reduce方法。● 累加器(accumulator):累加器是reduce函数的第一个参数,它是上一次回调函数的返回值,或者是初始值(如果没有提供初始值的话)。● 当前索引(current index):当前正在处理的数组元素的索引。● 当前元素(current element):当前正在处理的数组元素。● 上面的reduce方法我们也可以使用箭头函数的方式来简化代码。
2024-04-12 09:28:36 427
原创 filter方法
● 当然,如果没有这个数组方法的话,我们只能使用for循环来执行上述操作。顾名思义,filter方法是过滤用的,过滤一定的条件下;
2024-04-11 09:21:41 203
原创 (三)小案例银行家应用程序-计算账户所有者
● 但是这个只能将一个名字生成出来,为了方便,我们将这个功能写成一个函数,将名字传入的话,就能实现还能生成用户名。● 但是现在我们只能一个一个传参数,现在我们想要传入多个账号来生成用户名。● 我们以上述的这个账号来举例子,这个用户名就是缩写stw。● 为了精简代码,我们将上述代码改写为箭头函数。
2024-04-10 09:59:33 397
原创 map方法
● 为了简化代码,我们可以将map方法中的回调函数改写为箭头函数。例如我们将上述的钱转换一种货币形式,例如汇率是1.1。● 我们还可以进一步简化代码,使用三元运算符。
2024-04-09 16:11:30 302
原创 数据转换_映射、过滤、缩减简述
后面的文章会对这三种方法进行详细的解释已经案例、使用方法的展示!● filter 方法用于从数组中筛选出符合指定条件的元素,并返回这些元素组成的新数组。● map 方法用于对数组中的每个元素执行指定的操作,并返回操作后的结果组成的新数组。● 它可以接受一个初始值,并对数组中的每个元素和上一次的累积值执行指定的操作。● reduce 方法对数组中的元素进行累积计算,最终得到一个值。● 它也不会改变原始数组,而是返回一个新的数组。● 它不会改变原始数组,而是返回一个新的数组。
2024-04-08 13:56:54 169
原创 JavaScript代码小挑战
朱莉娅和凯特正在做一项关于狗的研究。于是,她们分别询问了 5 位狗主人他们的狗的年龄,并将数据存储到一个数组中(每人一个数组)。目前,她们只想知道一只狗是成年狗还是小狗。如果狗的年龄至少为 3 岁,那么它就是成年狗;如果狗的年龄小于 3 岁,那么它就是小狗。
2024-04-07 16:00:15 1132
原创 (二)小案例银行家应用程序-创建DOM元素
insertAdjacentHTML(‘afterbegin’, html) 的含义是将指定的 HTML 字符串 html 插入到 containerMovements 元素的开头部分(即作为其第一个子元素),而不会替换原有的内容。● 上图的数据很明显是从我们账户数组中拿到了,我们刚刚学习了forEach,所以我们使用forEach来创建我们的DOM元素;● ‘afterbegin’:在元素内部的开头部分插入。● ‘beforeend’:在元素内部的结尾部分插入。● ‘afterend’:在元素之后插入。
2024-04-06 22:38:55 177
原创 循环数组_forEach
for…of 循环:○ for…of 是一种 ES6 引入的迭代器,用于遍历可迭代对象(如数组、字符串、Map、Set 等)。○ 可以直接访问数组元素的值,而不需要索引。○ 不能中途跳出循环(除非使用 break 或 return),会一直遍历到数组的末尾。forEach 方法:○ forEach 是数组的原生方法,用于遍历数组中的每个元素,并对每个元素执行提供的回调函数。○ 无法中途跳出循环,会遍历整个数组。break或者return也无法打断。
2024-03-29 09:00:00 478
原创 新的at方法
或者也可以使用slice方法去获取一个新的数组,再从新的数组中去除数组中的数据。● 我们如果想从数组中取出一个字的话,传统的方式我们可以这么写。● 但是使用at方法就会使得更加容易的获取数组中最后一个数据。● 现在我们可以用一种比较新的方式去写。
2024-03-28 09:42:29 135
原创 JavaScript简单数组方法
● 将数组中的所有元素连接成一个字符串。● 切片(不会改变原有数组)当然我们也可以使用扩展运算符。● 拼接(会改变原有数组)● 反转(会改变原有数组)
2024-03-11 10:16:20 167
原创 JavaScript编码小挑战
这与其说是编码挑战,不如说是思维挑战 🤓以下面的 IIFE 为例,在函数的末尾附加一个事件侦听器,每次单击 BODY 元素时,该侦听器都会将所选 h1 元素(“标头”)的颜色更改为蓝色。不要再次选择 h1 元素!现在向你自己(或你周围的人)解释为什么这有效!花所有你需要的时间。想想回调函数的确切执行时间,以及这对本例中涉及的变量意味着什么。祝你好运 😀。
2024-03-11 10:14:10 224
原创 JavaScript闭包的实例
在调用 boardPassengers(180, 3) 函数时,会先执行 console.log 打印出“Will start boarding in 3 seconds”这句话,然后等待 3 秒后再执行 setTimeout 中的函数。接着调用 f() 函数时,它会执行之前在 g() 函数中定义的函数,并打印出 a 的两倍值。因此,在调用 boardPassengers 函数后,程序会继续向下执行,直到等待时间结束后才会执行 setTimeout 中的函数。这个新函数打印出变量 a 的两倍值。
2024-03-09 09:00:00 270
原创 JavaScript闭包
● 闭包是在其中创建函数的执行上下文的封闭变量环境,即使在该执行上下文消失之后;● 更加通俗的说,闭包允许函数访问父函数的所有变量,即使在父函数返回后也是如此。该函数保留对其外部作用域的引用,从而在整个时间内保留作用域链。● 闭包确保函数不会与函数诞生时存在的变量断开连接;例如,你和你的家,你就相当于一个功能,这个功能不会因为你离开了家就会与你的家断开联系,即使你离开了(函数被返回了),你仍然和你的家有关联;● 在类比一下,一个闭包就像一个背包,一个功能随身携带,无论它走到哪里。
2024-03-08 09:00:00 242
原创 JavaScript代码小挑战
该方法将一个字符串作为输入(称为 “类型”),可以是 "字符串 "或 “数组”。如果类型为 “字符串”,则显示类似 "Poll results are 13, 2, 4, 1 "的字符串。附加:使用 "displayResults "方法显示测试数据中的两个数组。同时使用 "数组 "和 "字符串 "选项。一个投票包含一个问题、一个供用户选择的选项数组,以及一个包含每个选项回复数的数组。1.在 "poll "对象上创建一个名为 "registerNewAnswer "的方法。您最喜欢的编程语言是什么?
2024-03-05 13:48:42 376
原创 bind方法
bind 方法与 call 和 apply 不同,它不会立即执行函数,而是返回一个新的函数,并将指定的对象作为新函数中的 this 值。bind 方法在实际使用中常用于创建一个指定上下文的函数,以便稍后调用。● 我们实现执行参数的一部分,只传入部分参数即可● 和监听事件一起这个问题涉及 JavaScript 中的上下文和 this 关键字。在给 addEventListener 方法传递事件处理程序时,lufthansa.buyPlane 会丢失其原始上下文。
2024-03-05 13:45:17 382
原创 JavaScript中call和apply函数方法
两者都是用来调用函数并指定函数内部的 this 值。两者都可以传递参数给被调用的函数。不同之处:语法不同:call 方法接受一个指定的 this 值,后面是按参数列表传递的一系列参数;而 apply 方法接受一个指定的 this 值,后面是一个包含参数的数组或类数组对象。参数传递方式不同:call 方法是按参数列表传递的,每个参数都需要单独列出;apply 方法是将参数放在一个数组或类数组对象中传递给函数。
2024-03-04 16:35:50 764
原创 JavaScript函数默认参数
● 这种给参数默认值的方法是ES5提供的,但是这种太过于繁重和丑陋,在ES6中,我们可以直接使用这种方式。● 因为我们没有给后面两个参数传值,所有会显示undefined,当然我们可以给参数设置一个初始值;● 除此之外,默认的参数也可以随其他的参数而变动,如果价格按照人数来。● 当然,我们给函数传参的话,当然不会再是默认值了。● 如果我想跳过人数,给价格赋值,可以这样。
2024-02-23 09:56:06 187
原创 字符串方法练习
● 看到上面from和to的 重复代码了,之前我们说过,重复的代码我们一般通过函数的方式去调用。● 现在就还有最后一个问题了,那就是尾部他们都是对齐的,用我们之前说的padStart。● 然后我们发现他都是通过;去隔离各个信息的,而我们要获得信息需要将他拆分。● 现在由上面的想法, 我们通过for循环将字符串中的每个都打印出来。● 我们看上述的字符串是通过+进行连接的,我们通过分割来看看效果。● 这时我们肯定能够想到通过解构的方法将各个信息给提取出来。● 接着我们看fao后面有一大堆数字,咱们将他给干掉。
2024-02-22 10:02:05 413
原创 字符串方法挑战
编写一个程序,接收一个使用下划线命名法(underscore_case)编写的变量名列表,并将它们转换为驼峰命名法(camelCase)。提示4:这个挑战是故意设定为困难的,所以如果你卡住了,开始观看解决方案。输入将来自插入到DOM中的文本区域(请参见下面的代码),在按下按钮时进行转换。提示2:解决方案只需要适用于由两个单词组成的变量,例如a_b。应该输出以下内容(5个独立的console.log输出)提示1:记住哪个字符定义了文本区域中的新行😉。之后,可以使用您自己的测试数据进行测试!
2024-02-21 15:03:47 681
原创 使用字符串-第二部分
● 我们可以用两个方法,将字符串全部变成大写或者小写,例如● 例如,现在有个乘客,名字写错了,我们需要将他名字第一个字母改成大写,第二个字母改成小写● 处理用户输入的邮件。
2024-02-18 10:45:19 221
原创 使用字符串-第一部分
注:本节的代码与航天飞机有关● 当然,我们可以获取字符串中的单个字符是什么● 当然,我们也可以获取字符串的长度● 我们也可以获取字符串某个字符的索引。
2024-02-01 09:24:59 200
原创 JavaScript节点小挑战
*让我们继续我们的足球投注应用程序吧!这一次,我们有一个记录比赛期间发生事件的日志地图。值是事件本身,键是每个事件发生的分钟数(一场足球比赛有90分钟加上一些额外时间)。1.创建一个名为’events’的数组,存储发生的不同游戏事件(无重复项)2.在比赛结束后,发现第64分钟的黄牌是不公平的。因此,从比赛事件日志中移除此事件。3.将以下字符串打印到控制台:“平均每9分钟发生一个事件”(请记住,一场比赛有90分钟)
2024-01-31 09:42:52 282
原创 JavaScript总结_使用哪种数据结构?
● 当我们知道数据从哪来的时候,我们下一步应该收集数据;● 当我们收集数据的时候,我们就要选择数据结构,例如数据是简单的一个清单,我们可以使用数据或集合;如果数据存在键/值对,我们就会选择对象或者Map这种数据结构;(注:键允许我们去描述值)
2024-01-30 10:05:59 324
原创 Maps基础知识
在JavaScript中,Map是一种用于存储键值对的数据结构。它类似于对象,但有一些区别。Map对象允许任何类型的值作为键(包括对象、函数和基本数据类型),而对象只能使用字符串或符号作为键。这使得Map在某些情况下更加灵活。
2024-01-25 09:57:44 395
原创 JavaScript可选链接
JavaScript中的可选链接是一种语法特性,用于简化访问嵌套对象属性或调用嵌套函数的过程。它通过使用问号(?)来判断属性或函数是否存在,避免了因为属性或函数不存在而导致的错误。具体而言,可选链接使用问号(?)来替代传统的点号(.)或方括号([])语法,在访问属性或调用函数时可以在链式属性之间插入问号,以确保安全访问。如果链式中的某个属性或函数不存在,可选链接会返回 undefined 而不会抛出错误,从而避免程序中断。
2024-01-02 20:38:47 486
原创 增强的对象文字
● 但是在ES6中,出现了增强的对象文字,我们只需要如下写就可以了。● 初次之前,在对象中写函数也可以更加的方便如下。● 再看看对象文字的其他特性。
2023-12-18 18:02:39 379
LSI 2308 mpt_SAS2_Windows7_Windows_Server_2008_R2_P20.zip
2021-04-19
RCLD-0114 RG-JCOS云管理平台产品日常维护和问题排查(含UDS硬件组件).pptx
2021-04-19
RCLD-0113 RG-JCOS云管理平台产品常用功能配置(含UDS硬件组件).pptx
2021-04-19
RG-AP系列无线接入点AP_RGOS11.1(5)B9版本Web管理手册(V2.0).pdf
2021-04-14
RG-AP系列无线接入点AP_RGOS11.1(5)B8P3版本配置手册(V2.0).pdf
2021-04-14
RG-AP系列无线接入点AP_RGOS11.1(5)B8P3版本命令手册(V1.0).pdf
2021-04-14
RG-AP系列无线接入点AP_RGOS11.1(5)B8P3版本Web管理手册(V1.0).pdf
2021-04-14
RG-AC系列无线控制器AC_RGOS11.1(5)B8P3版本命令手册(V2.0).pdf
2021-04-14
RG-AC系列无线控制器AC_RGOS11.1(5)B8P3版本Web管理手册(V1.0).pdf
2021-04-14
RG-S6000E系列交换机RGOS11.4(1)B2P3版本WEB管理手册(V1.0).pdf
2021-04-14
RG-S6000E系列交换机RGOS 11.4(1)B2P3版本命令手册(V1.0).pdf
2021-04-14
CentOs7一直转圈桌面进不去
2023-05-26
TA创建的收藏夹 TA关注的收藏夹
TA关注的人