JavaScript的一个代码小挑战

题目

我们正在开发一个足球投注应用程序!
假设我们从一个网络服务获取了一场比赛的数据(如下所示)。在这个挑战中,我们将处理这些数据。这里是你的任务:

const game = {
  team1: 'Bayern Munich',
  team2: 'Borrussia Dortmund',
  players: [
    [
      'Neuer',
      'Pavard',
      'Martinez',
      'Alaba',
      'Davies',
      'Kimmich',
      'Goretzka',
      'Coman',
      'Muller',
      'Gnarby',
      'Lewandowski',
    ],
    [
      'Burki',
      'Schulz',
      'Hummels',
      'Akanji',
      'Hakimi',
      'Weigl',
      'Witsel',
      'Hazard',
      'Brandt',
      'Sancho',
      'Gotze',
    ],
  ],
  score: '4:0',
  scored: ['Lewandowski', 'Gnarby', 'Lewandowski', 'Hummels'],
  date: 'Nov 9th, 2037',
  odds: {
    team1: 1.33,
    x: 3.25,
    team2: 6.5,
  },
};
  1. 为每个队伍创建一个球员数组(变量’players1’和’players2’)。
  2. 任何球员数组中的第一个球员都是守门员,其他的是场上球员。对于拜仁慕尼黑(team 1),创建一个变量(‘gk’)存储守门员的名字,并创建一个数组(‘fieldPlayers’)存储剩下的10个场上球员。
  3. 创建一个包含两支队伍所有球员的数组(22名球员)(‘allPlayers’)。
  4. 在比赛中,拜仁慕尼黑(team 1)使用了3名替补球员。因此创建一个新数组(‘players1Final’),包含所有原始的team1球员以及’Thiago’、‘Coutinho’和’Perisic’。
  5. 基于game.odds对象,为每个赔率创建一个变量(分别叫’team1’、‘draw’和’team2’)。
  6. 编写一个函数(‘printGoals’),该函数接收任意数量的球员名字(不是一个数组),并将每个球员名字及进球总数(传入的球员名字数量)打印到控制台。
  7. 没有使用if/else语句或三元运算符,通过打印到控制台判断哪个队伍更有可能获胜,即赔率较低的队伍更有可能获胜。
    6号测试数据:使用球员’Davies’、‘Muller’、‘Lewandowski’和’Kimmich’。然后再次调用函数,传入game.scored中的球员名字。
    祝你好运 😀

答案示例

1.

当然,我们将使用解构的方式来获取球员;

const [players1,players2] = game.players;
console.log(players1,players2);

在这里插入图片描述

2.

这个我们仍然采用解构+rest的方式来获取第一个和后面的数据

const [gk, ...fieldPlayers] = players1;
console.log(gk,fieldPlayers);

3.

我们将使用扩展运算符的方式来获取所有的球员

const allPlayers = [...players1,...players2];
console.log(allPlayers);

在这里插入图片描述

4.

这个就很简单了,还是使用扩展运算符

const players1Final = [...players1,"Thiago","Coutinho","Perisic"];
console.log(players1Final);

在这里插入图片描述

5.

现在我们将采用解构对象的方式来实现,并且对象方法中只有x,没有draw这个变量,我们将采用修改默认名称的方式

const {odds:{team1,x:draw,team2}} = game;
console.log(team1,draw,team2);

在这里插入图片描述

6.

希望你能够记得我们之前使用扩展运算符可以向函数传入的每一个给与的数据

const printGoals = function(...players) {
  console.log(`${players.length}个球员取得了分数`);
}
printGoals('Davies','Muller','Lewandowski','Kimmich');
printGoals('Davies','Muller');
printGoals(...game.scored);

在这里插入图片描述

7.

不给用if,不给用三元,意思非常的明显,使用逻辑运算符来实现,我们将使用&&,如果第一个flase的话,就立即返回她,如果不是的话,就返回后面一个

team1 < team2 && console.log("team1获胜的几率更大");
team2 < team1 && console.log*("team2获胜的几率更大");

在这里插入图片描述

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

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

相关文章

适合家具集团的ERP软件有哪些?家具集团用什么ERP软件好

不同的家具企业有不同的经营策略和管理方式&#xff0c;同时在各个发展阶段遇会遇到各种新的问题&#xff0c;而这也对企业的信息化水平有着较高的要求。 另外&#xff0c;集团型家具企业通常涉及多仓库、多工厂、多平台、多业务模式等&#xff0c;而这些业务数据的实时和准确…

【趣味篇】Scratch之圣诞节跑酷

【作品展示】圣诞节跑酷 操作&#xff1a;点击小绿旗进入游戏主页面&#xff0c;不仅可以选择角色&#xff0c;而且选择好的角色还可以进行游戏闯关。

相对路径与绝对路径

1、相对路径与绝对路径 定义&#xff1a;要去的path是否和当前页面有联系 绝对&#xff1a; 1、http://www.baidu.com/a/b 2、/a/b 如果没有host则会直接取当前站点的host &#xff08;location.origion&#xff09; 相对&#xff1a; 1、当前是 http://www.baidu.com/a/b…

图像批量设计软件Retrobatch Pro mac中文版功能特色

Retrobatch Mac是一款灵活的批量图像处理工具。用户可以自由创建Workflow来实现相应的功能&#xff0c;这些Workflow能取代大量的重复劳动&#xff0c;提高生产力。Retrobatch Mac的一般操作是从左边栏拖动相应动作到工作区形成节点&#xff08;Nodes&#xff09;&#xff0c;节…

python+paddleocr 进行图像识别、找到文字在屏幕中的位置

目录 前言 1、安装paddleocr 2、安装PIL 3、安装numpy 4、 安装pyautogui 5、进行文本识别 6、识别结果 7、获取文字在图片/屏幕中的位置 8、pyautoguipaddleocr鼠标操作 9、完整代码 前言 最近在做自动化测试&#xff0c;因为是处理过的界面&#xff0c;所以使用pyw…

机器人制作开源方案 | 自主型收集餐盘机器人

作者&#xff1a;蔡佳怡、朱启会、郭晨杰、杨昊天、焦家辉 单位&#xff1a;西安外事学院 指导老师&#xff1a;杜喜昭、张燕 1. 产品说明 1.1 设计目的 对于如学校、工厂这种大型食堂&#xff0c;一般的收餐盘模式为用餐人用餐完毕后&#xff0c;把餐盘拿到最近的收餐盘点&…

社交泛娱乐出海,市场 赛道、投放 变现的最新干货分享

&#xff08;全网都在找的《社交泛娱乐出海作战地图》&#xff0c;点击获取&#x1f446;&#xff09; 11 月 29 日&#xff0c;融云、Flat Ads、Alibaba Cloud、TopOn 联合主办的“泛娱乐社交 App 出海新风口”主题沙龙在浙江杭州圆满收官。关注【融云全球互联网通信云】了解…

deepflow本地部署过程

本地服务器配置&#xff0c;32C&#xff0c;48G内存 整个过程需要配置k8s&#xff0c;安装helm, 安装grafana, 安装deepflow以及deepflow-ctl&#xff0c;以及部署demo 在采用sealos进行ALL-IN-ONE部署之前&#xff0c; grafana 先安装它 wget -q -O /usr/share/keyrings/gr…

自动化定时发送天气提醒邮件

&#x1f388; 博主&#xff1a;一只程序猿子 &#x1f388; 博客主页&#xff1a;一只程序猿子 博客主页 &#x1f388; 个人介绍&#xff1a;爱好(bushi)编程&#xff01; &#x1f388; 创作不易&#xff1a;如喜欢麻烦您点个&#x1f44d;或者点个⭐&#xff01; &#x1f…

智能安全芯片ACH512芯片描述及功能

ACH512 芯片是一款基于安全算法的高性能 SOC 芯片&#xff0c; 主要应用于 eMMC/SD/Nandflash 大容量存储设备、加密 U 盘、指纹识别等市场。 芯片采用 32 位内核&#xff0c;片内集成多种安全密码模块&#xff0c;包括SM1、 SM2、 SM3、 SM4、 SSF33 算法以及RSA/ECC、 ECDSA、…

4WRPH6C3B24L-2X/G24Z4/M伺服比例方向阀控制板

4WRPH6C3B12L-2X/G24Z4/M、4WRPH6C3B40P-2X/G24Z4/M、4WRPH6C3B40L-2X/G24Z4/M、4WRPH6C4B24L-2X/G24Z4/M、4WRPH6C4B40L-2X/G24Z4/M、4WRPH6C3B24L-2X/G24Z4/M、4WRPH10C4B100L-2X/G24Z4/M、4WRPH10C3B100L-2X/G24K0/M-750适合控制4WRPH系列比例伺服阀&#xff0c;用于安装在架…

rt-thread主线程启动流程

rt-thread主线程启动流程 1.启动分析2.源码分析 1.启动分析 基于&#xff1a;rt-thread-v5.0.1 先执行&#xff1a;汇编代码startup_stm32f429xx.s开始运行&#xff0c;主要调用SystemInit和 __main ; Reset handler Reset_Handler PROCEXPORT Reset_Handler …

功率信号源工作原理是什么

功率信号源是一种专门产生大功率信号的设备&#xff0c;主要用于驱动高功率负载&#xff0c;如电机、变频器等。其工作原理涉及信号生成、放大和输出三个关键步骤。 首先&#xff0c;信号生成。功率信号源通常会采用各种信号发生器来产生不同类型的信号波形。这些信号可以是正弦…

DenseNet分类网络改进(添加SPP)--亲测有效

最近&#xff0c;我在做多分类问题。在针对基模型的选择中&#xff0c;我使用了DenseNet作为基本模型。我在阅读论文时&#xff0c;遇到了一种改进方式&#xff1a; 如上图所示&#xff0c;在全连接层之前引入SPP模块&#xff1a; 代码如下&#xff1a; SPP模块代码&#x…

6 大 Android 照片恢复软件深度评测

当您发现令人难忘的照片在 Android 上被错误删除或丢失时&#xff0c;您可能会感到非常沮丧。然而&#xff0c;当您尝试安装一些恢复应用程序并希望将它们重新恢复时&#xff0c;其中许多应用程序无法再次检测到丢失的照片。 为了节省您逐一尝试此类应用程序的时间&#xff0c…

yum命令详解和使用

目录 一、yum介绍 常见的软件封包类型 RPM的含义 二、 yum命令格式 三、常用命令 3.1 yum清空缓存列表 3.2 yum显示信息 3.2 yum安装 3.3 yum删除 3.4 yum包的更新和升级 四、常用的国内 yum 源 一、yum介绍 Yum(全称为 Yellow dog Updater, Modified)&#xff0c;是…

西工大计算机学院计算机系统基础实验一(环境配置)

首先&#xff0c;不要焦虑&#xff0c;稳住心态慢慢来&#xff0c;一点一点做&#xff0c;跟着作者把基础打好&#xff0c;比什么都重要。作者曾经经历过这份痛苦&#xff0c;知道它有多么不好受。当初的作者高中之前甚至都没有自己的一台笔记本&#xff0c;上了大学以后学C语言…

unity旋转选中效果

代码和预制体 函数PlayAnim&#xff08;&#xff09;中的角度要根据按钮数量手动填好 using System; using DG.Tweening; using DG.Tweening.Core; using DG.Tweening.Plugins.Options; using UnityEngine;// Token: 0x0200001B RID: 27 public class BtnParentScript : Base…

数字化智慧工地管理云平台源码(人工智能、物联网)

​智慧工地优势&#xff1a;"智慧工地”将施工企业现场视频管理、建筑起重机械安全监控、现场从业人员管理、物料管理、进度管理、扬尘噪声监测等现场设备有机、高效、科学、规范的结合起来真正实现工程项目业务流与现场各类监控源数据流的有效结合与深度配合&#xff0c;…

html通过CDN引入使用Vue和ElementUI

html通过CDN引入使用Vue和ElementUI 近期遇到个需求&#xff0c;就是需要在.net MVC的项目中&#xff0c;对已有的项目的首页进行优化&#xff0c;也就是写原生html和js。但是咱是一个写前端的&#xff0c;写html还可以&#xff0c;.net的话&#xff0c;开发也不方便&#xff0…