JavaScript数组方法练习

第一个练习

● 计算所有账户的存款总额

const bankDepositSum = accounts   //定义一个变量
  .flatMap(acc => acc.movements)  //使用flatmap将所有的存款提取,然后组成一个新的数组
  .filter(mov => mov > 0)  //使用filter方法提取所有的正值
  .reduce((sum, cur) => sum + cur,0);  //将所有的正值进行累加

console.log(bankDepositSum);

在这里插入图片描述

第二个练习

● 计算所有账号中大于1000存款的有多少笔?
● 第一种方法

const numDeposit1000 = accounts  //定义一个变量
  .flatMap(acc => acc.movements)  //使用flatmap获取到我们的存取款数组
  .filter(mov => mov >= 1000).length;  //过滤大于等于1000的存款,计算长度

console.log(numDeposit1000);

在这里插入图片描述

● 第二种方法

const numDeposit1000 = accounts  //定义一个变量
  .flatMap(acc => acc.movements)  //使用flatmap获取到我们的存取款数组
  .reduce((count, cur) => (cur >= 1000 ? count + 1 : count), 0);  //使用reduce方法,使用三元运算符来判断此时数组是否大于等于1000,如果是的的话就将count累加

console.log(numDeposit1000);

在这里插入图片描述

可以将计数的代码改进一下

const numDeposit1000 = accounts
  .flatMap(acc => acc.movements)
  .reduce((count, cur) => (cur >= 1000 ? ++count : count), 0);

console.log(numDeposit1000);

注: ++count不要写成了count++,很好理解,++count是先运算后赋值,而count++先赋值后运算!

第三个练习

● 分别计算存款和取款之和

const sums = accounts  //定义一个变量
  .flatMap(acc => acc.movements)  //使用flatmap获取到我们的存取款数组
  .reduce(   //使用reduce来判断当前值是否大于0,如果大于0的话将现在的值累计至deposits中,否则累加到withdrawals
    (sums, cur) => {
      cur > 0 ? (sums.deposits += cur) : (sums.withdrawals += cur);
      return sums; //这里一定要返回我们需要的值,默认情况下没有返回值,只是计算而已
    },
    { deposits: 0, withdrawals: 0 }  //先将这两个值归零
  );

console.log(sums);

在这里插入图片描述

接着我们来改进一下上面的代码

c

onst { deposits, withdrawals } = accounts
  .flatMap(acc => acc.movements)
  .reduce(
    (sums, cur) => {
      // cur > 0 ? (sums.deposits += cur) : (sums.withdrawals += cur);
      sums[cur > 0 ? 'deposits' : 'withdrawals'] += cur;
      return sums;
    },
    { deposits: 0, withdrawals: 0 }
  );

console.log(deposits, withdrawals);
//使用了对象解构和动态属性名。


对象解构:使用对象解构可以直接从数组的结果中提取需要的属性值,而无需再去访问对象属性。这使得代码更加简洁清晰。

动态属性名:在对象字面量中使用方括号和变量来创建动态属性名。这种写法可以根据条件动态地设置对象的属性名,避免了重复的代码。

去除多余的返回语句:由于对象在 JavaScript 中是引用类型,因此在 reduce 函数中直接修改 sums 对象的属性值即可,无需返回 sums。这样可以减少代码的冗余性。

在这里插入图片描述

第四个练习

● 将一段话的首字母转换为大写字母,其他都是小写,但是请注意,有一些字符不需要进行转换

const convertTitleCase = function (title) {  //定义一个变量
  const expecitons = ['a', 'an', 'the', 'but', 'or', 'on', 'in', 'with'];  //将不需要进行大写转换的存入一个对象中
  const titleCase = title  
    .toLowerCase()  //首先将字符串全部变成小写
    .split(' ')  //通过空格来分割组成一个数组
    .map(word =>  //通过map和includes方法来判断字符串是否再排除列表中,如果在不转换,如果不在就转换
      expecitons.includes(word) ? word : word[0].toUpperCase() + word.slice(1)
    )
    .join(' ');  //将转换后的数组组成一个字符串
  return titleCase;
};

console.log(convertTitleCase('this is a nice title'));
console.log(convertTitleCase('this is a LONG title but not too long'));
console.log(convertTitleCase('and here is another title with an EXAMPLE'));

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mfbz.cn/a/581784.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

【前端】VUE项目创建

在所需文件夹中打开cmd命令行窗口,输入vue ui 进入web可视化界面选择创建新项目 根据需求依次完成下列选择,下列是参考配置,完成后点击创建项目即可 最终显示完成

upload-labs后续(14-)

图片马 在图片中加入木马,然后上传让浏览器解析,达到上传木马的目的 制作图片马:可以在notepad或者winhex中打开文件,在文件头中加入图片的文件头,再在文件末尾加入木马即可。 图片文件头如下: 1.Png图片…

B站广告推广开户最低需要多少钱?

在竞争激烈的互联网营销环境中,哔哩哔哩(B站)作为深受年轻人喜爱的视频分享平台,其广告价值不容小觑。对于希望在B站上进行广告推广的企业或个人而言,了解开户流程及成本,选择专业的服务团队至关重要。介绍…

AI图书推荐:ChatGPT写论文的流程与策略

论文一直是任何学术学位的顶峰。它展示了学生在研究领域的兴趣和专业知识。撰写论文也是一个学习经验,为学术工作以及专业研究角色做好准备。但是,论文工作总是艰苦的,通常是充满乐趣和创造性的,但有时也是乏味和无聊的。生成式人…

kerberos-hive-dbeaver问题总结

一、kerberos安装windows客户端 1、官方下载地址 http://web.mit.edu/kerberos/dist/ 2、环境变量配置 下载msi安装包,无需重启计算机,调整环境变量在jdk的前面,尽量靠前,因为jdk也带了kinit、klist等命令 C:\Program Files\…

Kotlin泛型之 循环引用泛型(A的泛型是B的子类,B的泛型是A的子类)

IDE(编辑器)报错 循环引用泛型是我起的名字&#xff0c;不知道官方的名字是什么。这个问题是我在定义Android 的MVP时提出来的。具体是什么样的呢&#xff1f;我们看一下我的基础的MVP定义&#xff1a; interface IPresenter<V> { fun getView(): V }interface IVie…

41. UE5 RPG 设置火球术的碰撞类型

在上一篇中&#xff0c;我们设置了火球术从发射到击中敌人的整个周期使用的音效和特效&#xff0c;现在看上去它像一个真正的火球术了。在这一篇文章里面&#xff0c;我们主要解决一下火球术碰撞的问题&#xff0c;现在已知的问题是&#xff0c;有些不需要和火球产生碰撞的物体…

代码随想录-二叉树(节点)

目录 104. 二叉树的最大深度 题目描述&#xff1a; 输入输出描述&#xff1a; 思路和想法&#xff1a; 111. 二叉树的最小深度 题目描述&#xff1a; 输入输出描述&#xff1a; 思路和想法&#xff1a; 222. 完全二叉树的节点个数 题目描述&#xff1a; ​输入输出描…

商汤研究院招大模型实习生

商汤研究院招大模型实习生&#xff0c;base上海、北京&#xff0c;400/day。福利&#xff1a;每天50租房补贴&#xff0c;20的餐补。晚上8点之后回去有额外的25元晚餐餐补&#xff0c;10点之后回去可以免费用滴滴。 组内的大模型工作大概分两个方向&#xff1a; 1.3B、3B等小…

特别的时钟特别的倒计时

念念不忘的歌曲&#xff1a;Thats Why You Go Away <!DOCTYPE html> <html lang"zh-CN"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title&…

IDEA新版本创建Spring项目只能勾选17和21却无法使用Java8的完美解决方案

想创建一个springboot的项目&#xff0c;使用Spring Initializr创建项目时&#xff0c;发现版本只有17&#xff5e;21&#xff0c;无法选择Java8。 我们知道IDEA页面创建Spring项目&#xff0c;其实是访问spring initializr去创建项目。我们可以通过阿里云国服间接创建Spring项…

工业异常检测

工业异常检测在业界和学界都一直是热门&#xff0c;近期其更是迎来了全新突破&#xff1a;与大模型相结合&#xff01;让异常检测变得更快更准更简单&#xff01; 比如模型AnomalyGPT&#xff0c;它克服了以往的局限&#xff0c;能够让大模型充分理解工业场景图像&#xff0c;判…

Redis哈希槽和一致性哈希

前言 单点的Redis有一定的局限&#xff1a; 单点发生故障&#xff0c;数据丢失&#xff0c;影响整体服务应用自身资源有限&#xff0c;无法承载更多资源分配并发访问&#xff0c;给服务器主机带来压力&#xff0c;性能瓶颈 我们想提升系统的容量、性能和可靠性&#xff0c;就…

paddleocr C++生成dll

目录 编译完成后修改内容: 新建ppocr.h头文件 注释掉main.cpp内全部内容&#xff0c;将下面内容替换进去。ppocr.h需要再环境配置中包含进去头文件 然后更改配置信息&#xff0c;将exe换成dll 随后右击重新编译会在根目录生成dll,lib文件。 注意这些dll一个也不能少。生成…

伪装目标检测论文阅读 SAM大模型之参数微调:Conv LoRA

paper&#xff1a;link code&#xff1a;还没公开 摘要 任意分割模型(SAM)是图像分割的基本框架。虽然它在典型场景中表现出显著的零镜头泛化&#xff0c;但当应用于医学图像和遥感等专门领域时&#xff0c;其优势就会减弱。针对这一局限性&#xff0c;本文提出了一种简单有效…

Java进阶-JavaStreamAPI的使用

本文全面介绍了 Java Stream API 的概念、功能以及如何在 Java 中有效地使用它进行集合和数据流的处理。通过详细解释和示例&#xff0c;文章展示了 Java Stream API 在简化代码、提高效率以及支持函数式编程方面的优势。文中还比较了 Java Stream API 与其他集合处理库的异同&…

Django之搭配内网穿透

一&#xff0c;安装coplar 二&#xff0c;开启8087的内网穿透 三&#xff0c;setting.py中加入如下配置&#xff1a; ALLOWED_HOSTS [*]CSRF_TRUSTED_ORIGINS ["https://localhost:8087", "http://localhost:8087"]四&#xff0c;启动项目 五&#xff…

比较美观即将跳转html源码

源码介绍 比较美观即将跳转html源码&#xff0c;源码由HTMLCSSJS组成&#xff0c;记事本打开源码文件可以进行内容文字之类的修改&#xff0c;双击html文件可以本地运行效果&#xff0c;也可以上传到服务器里面 源码截图 比较美观的一个跳转界面&#xff0c;修改方法如上&…

MATLAB实现果蝇算法优化BP神经网络预测分类(FOA-BP)

果蝇算法&#xff08;Fruit Fly Optimization Algorithm, FFOA&#xff09;是一种启发式优化算法&#xff0c;受果蝇觅食行为的启发。将其应用于优化BP神经网络&#xff0c;主要是为了寻找BP神经网络中的最佳权重和偏置值。以下是一个基本的流程&#xff1a; 初始化&#xff1a…

Ubuntu20.04 [Ros Noetic]版本——在catkin_make编译时出现报错的解决方案

今天在新的笔记本电脑上进行catkin_make的编译过程中遇到了报错&#xff0c;这个报错在之前也遇到过&#xff0c;但是&#xff0c;我却忘了怎么解决。很是头痛&#xff01; 经过多篇博客的查询&#xff0c;特此解决了这个编译报错的问题&#xff0c;于此特地记录&#xff01;&…
最新文章