当前位置： 首页 > news >正文

JavaScript基础知识——练习巩固（2）

news 2026/2/11 3:29:48

写一个程序，要求如下

  • 需求1：让用户输入五个有效年龄（0-100之间），放入数组中

    • 必须输入五个有效年龄年龄，如果是无效年龄，则不能放入数组中

  • 需求2：打印出所有成年人的年龄 (数组筛选)

  • 需求3：打印出所有人总年龄 （累加）

  • 需求4：打印出所有人的平均年龄 （累加）

  • 需求5：打印出最大年龄和最小年龄 （最大值）

    <script>1.声明累加数组let arr = []while (arr.length < 5){let num = +prompt(`请输入第${arr.length + 1}个人有效年龄`)// 判断是否有效if( num > 0 && num < 100){// 添加到数组arr.push(num)}}console.log(arr);// 2. 打印输出人的的年龄  年龄 > 18for(let i = 0; i <= arr.length; i++){if(arr[i] > 18){document.write(`已经成人的年龄是：${arr[i]} <br>`)}}// 3.打印出所有人的总年龄（累加）let ageSum = 0for(let i = 0; i <= arr.lenht; i++){ageSum += arr[i]}document.write(`所有人的年龄是：${ageSum} <br>`)// 4.打印出所有人的平均年龄（累加）let average = 0average = ageSum / arr.lengthdocument.write(`所有人的平均年龄是：${average} <br>`)5.打印出最大年龄和最小年龄（最大值） 假设法let max = arr[0]let min = arr[0]for(let i = 1; i < arr.length; i++){if(max < arr[i]){max = arr[i]}if(min > arr[i]){min = arr[i]}}document.write(`最大值是：${max} <br>`)document.write(`最小值是：${min} <br>`)5.打印出最大年龄和最小年龄（最大值） 排序法arr.sort(function (a,b){return a - b;}) // 升序let min = arr[0] let max = arr[arr.length - 1] </script>

 找出数组中 元素为10的下标，有则打印该下标，没有则打印-1

  • 例如: [88,20,10,100,50] 打印 2

  • 例如: [88,20,30,100,50] 打印-1

<script>// 找出数组中 元素为10的下标，有则打印该下标，没有则打印 - 1let arr = [88, 20, 10, 100, 50]let re = -1  // 用于存储结果,默认没有for (let i = 0; i < arr.length; i++) {if (arr[i] === 10) {re = i  //如果找到则把当前索引号赋值给 re， 如果没有找到，则默认的是 -1break // 已经找到就退出}}console.log(re)
</script>

使用for循环 - 求出数组元素的和 [5, 8, 9, 2, 1, 5]

<script>// 遇到数组 先把遍历写出来!!!!!!!!!!!!!!!=> 访问数组里面的单元的值let arr = [5, 8, 9, 2, 1, 5]let sum = 0for (let i = 0; i < arr.length; i ++) {// sum = sum + itemsum += item}console.log(sum) // 30
</script>

 使用for循环 - 求出数组里大于5的i和 [4, 9, 5, 20, 3, 11]

<script>let arr =   [4, 9, 5, 20, 3, 11]for (let i= 0; i < arr.length; i++) {if (arr[i] > 5) {sum += arr[i]}}console.log(sum) </script>

 使用for循环 - 求出班级里同学们平均年龄[15, 19, 21, 33, 18, 24]

    <script>//5.使用for循环-求出班级里同学们平均年龄[15,19,21,33,18,24]let arr = [15,19,21,33,18,24]let ave = 0for(let i = 0; i < arr.length; i++){ave += arr[i]}let aver = ave / arr.lengthdocument.write(aver)</script>

计算[2, 6, 18, 15, 40] 中能被3整除的偶数的和

    <script>// 6.计算[2,6,18,15,40]中能被3整除的偶数的和let arr = [2,6,18,15,40]let counts = 0for(let i = 0; i < arr.length; i++){if( arr[i] % 3 === 0  && arr[i] % 2 === 0){counts += arr[i]}}document.write(counts)</script>

计算[2, 6, 18, 15, 40] 中能被3整除的偶数的个数

    <script>// 7.计算[2,6,18,15,40]中能被3整除的偶数的个数let arr2 = [2,6,18,15,40]let counts1 = 0for(let i = 0; i < arr2.length; i++){if( arr2[i] % 3 === 0  && arr2[i] % 2 === 0){counts1++}}document.write(counts1)</script>

给一个数字数组，该数组中有很多数字0，将不为0的数据存入到一个新的数组中

    <script>// 8.给一个数字数组，该数组中有很多数字0，将不为0的数据存入到一个新的数组中let arr3 = [0,2,3,0,3,0,3,0,5,0]let arr4 = []for(let i = 0; i < arr3.length; i++){if(arr3[i] !== 0){arr4.push(arr3[i])}}document.write(arr4)</script>

 根据用户输入的个数，页面可以渲染对应王者荣耀永雄的个数

思路分析：

  1. 渲染图片比较多，我们可以把图片地址放入数组中，

  2. 图片名称是有序号排列的，比如1.webp 2.webp 此处可以使用循环方式重复渲染图片

  3. 渲染位置？ 可以考虑放到 box盒子里写script 即可

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>渲染图片案例</title><style>* {margin: 0;padding: 0;}li {list-style: none;}.box {display: flex;flex-wrap: wrap;width: 540px;margin: 20px auto;}.box li {width: 100px;height: 100px;margin: 0 10px 10px 0;}.box li:nth-child(5n+1) {margin-right: 0;}.box li img {width: 100%;height: 100%;border: 2px solid #258DF2;border-radius: 10px 0 10px 0;}</style>
</head><body><ul class="box"><script>let arr = ['./images/1.webp','./images/2.webp','./images/3.webp','./images/4.webp','./images/5.webp','./images/6.webp','./images/7.webp','./images/8.webp','./images/9.webp','./images/10.webp','./images/11.webp','./images/12.webp','./images/13.webp','./images/14.webp','./images/15.webp','./images/16.webp','./images/17.webp','./images/18.webp','./images/19.webp','./images/20.webp']let num = prompt('请输入显示的英雄个数1~20之间：')for (let i = 0; i < num; i++) {document.write(`<li><img src="${arr[i]}" alt=""></li>`)}</script></ul>
</body></html>

相关文章：

JavaScript基础知识——练习巩固（2）

写一个程序&#xff0c;要求如下 需求1&#xff1a;让用户输入五个有效年龄&#xff08;0-100之间&#xff09;&#xff0c;放入数组中 必须输入五个有效年龄年龄&#xff0c;如果是无效年龄&#xff0c;则不能放入数组中 需求2&#xff1a;打印出所有成年人的年龄 (数组筛选)…...

编程日记 2023/10/16 14:48:49

FutureTask的测试使用和方法执行分析

FutureTask类图如下 java.util.concurrent.FutureTask#run run方法执行逻辑如下 public void run() {if (state ! NEW ||!RUNNER.compareAndSet(this, null, Thread.currentThread()))return;try {Callable<V> c callable;if (c ! null && state NEW) {V res…...

编程日记 2023/10/16 14:47:47

SpringMVC的请求处理

目录 请求映射路径的配置 请求数据的接收 接收Restful风格的数据 什么是Restful风格&#xff1f; 接收上传文件 获取headers头信息和cookie信息 JavaWeb常用对象获取 请求静态资源 注解驱动标签 请求映射路径的配置 请求映射路径的配置主要是通过RequestMapping注解实现…...

编程日记 2023/10/16 14:46:46

260. 只出现一次的数字 III

给你一个整数数组 nums&#xff0c;其中恰好有两个元素只出现一次&#xff0c;其余所有元素均出现两次。 找出只出现一次的那两个元素。你可以按 任意顺序 返回答案。 你必须设计并实现线性时间复杂度的算法且仅使用常量额外空间来解决此问题。 示例 1&#xff1a; 输入&…...

编程日记 2023/10/16 14:45:44

家政预约接单系统，家政保洁小程序开发；

家政预约接单系统&#xff0c;家政保洁维修小程序开发&#xff0c;阿姨管理&#xff0c;家政保险&#xff0c;合同管理&#xff0c;资金管理&#xff0c;营销推广等功能&#xff0c;包括&#xff1a;推广、营销、管理、培训、周边服务等等 家政系统详细功能介绍&#xff1a; 家…...

编程日记 2023/10/16 14:44:43

网络安全工程师需要学什么？零基础怎么从入门到精通，看这一篇就够了

网络安全工程师需要学什么&#xff1f;零基础怎么从入门到精通&#xff0c;看这一篇就够了 我发现关于网络安全的学习路线网上有非常多看似高大上却无任何参考意义的回答。大多数的路线都是给了一个大概的框架&#xff0c;告诉你那些东西要考&#xff0c;以及建议了一个学习顺…...

编程日记 2023/10/16 14:43:42

出差学知识No3：ubuntu查询文件大小|文件包大小|磁盘占用情况等

1、查询单个文件占用内存大小2、显示一个目录下所有文件和文件包的大小3、显示ubuntu所有磁盘的占用情况4、查看ubuntu单个包的占用情况 1、查询单个文件占用内存大小 使用指令&#xff1a;ls -lh 文件 2、显示一个目录下所有文件和文件包的大小 指令&#xff1a;du -sh* 3…...

编程日记 2023/10/16 14:42:41

详解cv2.copyMakeBorder函数【OpenCV图像边界填充Python版本】

文章目录 简介函数原型代码示例参考资料 简介 做深度学习图像数据集时&#xff0c;有时候需要调整一张图片的长和宽。如果直接使用cv2.resize函数会造成图像扭曲失真&#xff0c;因此我们可以采取填充图像短边的方法解决这个问题。cv2.copyMakeBorder函数提供了相关操作。本篇…...

编程日记 2023/10/16 14:41:40

前端技术-并发请求

并发请求 代码解释 定义了一个函数 concurRequest&#xff0c;用于并发请求多个 URL 并返回它们的响应结果。 function concurRequest(urls, maxNum) {return new Promise((resolve, reject) > {if (urls.length 0) {resolve([]);return;}const results [];let index …...

编程日记 2023/10/16 14:39:39

面试题-React(十三)：React中获取Refs的几种方式

一、Refs的基本概念 Refs是React提供的一种访问DOM元素或组件实例的方式。通过Refs&#xff0c;我们可以在React中获取到底层的DOM节点或组件实例&#xff0c;并进行一些操作。Refs的使用场景包括但不限于&#xff1a;访问DOM属性、调用组件方法、获取输入框的值等。 二、获取…...

编程日记 2023/10/16 14:38:37

Linux CentOS 7升级curl8.4.0使用编译安装方式

1、查看当前版本 # curl --version curl 7.29.0 (x86_64-redhat-linux-gnu) libcurl/7.29.0 NSS/3.19.1 Basic ECC zlib/1.2.7 libidn/1.28 libssh2/1.4.3 Protocols: dict file ftp ftps gopher http https imap imaps ldap ldaps pop3 pop3s rtsp scp sftp smtp smtps tel…...

编程日记 2023/10/16 14:37:36

探寻JWT的本质：它是什么？它有什么作用？

JWT&#xff08;JSON Web Token&#xff09;是一种基于 JSON 格式的轻量级令牌&#xff08;token&#xff09;协议&#xff0c;它被广泛应用于网络应用程序的身份验证和授权。相较于传统的 session-based 认证机制&#xff0c;JWT 具有更好的扩展性和互操作性&#xff0c;同时也…...

编程日记 2023/10/16 14:33:32

关于雅思听力答案限定字数的解释。

1. No more than three words and/or a number&#xff1a;31&#xff0c;可以填3/2/1个单词&#xff1b;1个数字&#xff1b;3/2/1个单词1个数字 2. No more than three words and/or numbers&#xff1a;3n&#xff0c;可以填3/2/1个单词&#xff1b;n个数字&#xff1b;3/2…...

编程日记 2023/10/16 14:32:31

化工python | CSTR连续搅拌反应器系统

绝热连续搅拌釜反应器 (CSTR) 是过程工业中常见的化学系统。 容器中发生单个一级放热且不可逆的反应 A → B，假定容器始终完全混合。 试剂 A 的入口流以恒定的体积速率进入罐。 产物流B以相同的体积速率连续排出，液体密度恒定。 因此，反应液体的体积是恒定的。 在反应器中发…...

编程日记 2023/10/16 14:31:30

交通物流模型 | 基于自监督学习的交通流预测模型

交通物流模型 | 基于自监督学习的交通流预测模型 在智能交通系统中，准确预测不同时间段的城市交通流量是至关重要的。现有的方法存在两个关键的局限性：1、大多数模型集中预测所有区域的交通流量，而没有考虑空间异质性，即不同区域的交通流量分布可能存在偏差；2、现有模型无…...

编程日记 2023/10/16 14:30:29

343. 整数拆分 96.不同的二叉搜索树

343. 整数拆分 设dp[i]表示拆分 数字i 出来的正整数相乘值最大的值 (i - j) * j,和dp[i - j] * j是获得dp[i]的两种乘法&#xff0c;在里面求最大值可以得到当前dp[i]的最大值&#xff0c;但是这一次的得出的最大值如果赋值给dp[i]&#xff0c;可能没有没赋值的dp[i]大&#…...

编程日记 2023/10/16 14:29:27

Vue3理解(9)

侦听器 1.计算属性允许我们声明性地计算衍生值,而在有些情况下&#xff0c;我们需要状态变化时执行一些方法例如修改DOM。 2.侦测数据源类型&#xff0c;watch的第一个参数可以市不同形式的‘数据源’&#xff0c;它可以市一个ref(包括计算属性)&#xff0c;一个响应式对象&…...

编程日记 2023/10/16 14:28:26

CRM系统中的销售漏斗有什么作用？

随着数字化发展&#xff0c;越来越多的企业使用CRM销售管理系统提高销售管理水平&#xff0c;提升盈利能力。在这个过程中&#xff0c;销售漏斗起到了非常重要的作用。下面就来说说&#xff0c;CRM系统中的销售漏斗有什么作用&#xff1f; 一、销售数据可视化 CRM销售漏斗通过…...

编程日记 2023/10/16 14:27:25

项目（模块1:用户登陆流程分析）

验证登陆点流程...

编程日记 2023/10/16 14:26:25

2023年中国商用服务机器人行业发展概况分析：国产机器人厂商向海外进军[图]

商用服务机器人指在非制造业的商用服务场景中&#xff0c;用来替代或辅助人类进行服务性质工作的机器人&#xff1b;常见的商用场景中&#xff0c;商用服务机器人主要分为终端配送类机器人&#xff0c;商用清洁类机器人&#xff0c;引导讲解类机器人等&#xff0c;被广泛应用在…...

编程日记 2023/10/16 14:25:23

Redis相关知识总结（缓存雪崩，缓存穿透，缓存击穿，Redis实现分布式锁，如何保持数据库和缓存一致）

文章目录 1.什么是Redis&#xff1f;2.为什么要使用redis作为mysql的缓存&#xff1f;3.什么是缓存雪崩、缓存穿透、缓存击穿&#xff1f;3.1缓存雪崩3.1.1 大量缓存同时过期3.1.2 Redis宕机 3.2 缓存击穿3.3 缓存穿透3.4 总结 4. 数据库和缓存如何保持一致性5. Redis实现分布式…...

编程新知 2026/2/8 12:24:34

【解密LSTM、GRU如何解决传统RNN梯度消失问题】

解密LSTM与GRU&#xff1a;如何让RNN变得更聪明&#xff1f; 在深度学习的世界里&#xff0c;循环神经网络&#xff08;RNN&#xff09;以其卓越的序列数据处理能力广泛应用于自然语言处理、时间序列预测等领域。然而&#xff0c;传统RNN存在的一个严重问题——梯度消失&#…...

编程新知 2025/12/24 1:45:14

解决本地部署 SmolVLM2 大语言模型运行 flash-attn 报错

出现的问题 安装 flash-attn 会一直卡在 build 那一步或者运行报错 解决办法 是因为你安装的 flash-attn 版本没有对应上&#xff0c;所以报错&#xff0c;到 https://github.com/Dao-AILab/flash-attention/releases 下载对应版本&#xff0c;cu、torch、cp 的版本一定要对…...

编程新知 2025/11/3 2:11:24

JVM暂停（Stop-The-World，STW）的原因分类及对应排查方案

JVM暂停（Stop-The-World，STW）的完整原因分类及对应排查方案，结合JVM运行机制和常见故障场景整理而成： 一、GC相关暂停​​ 1. ​​安全点（Safepoint）阻塞​​ ​​现象​​：JVM暂停但无GC日志，日志显示No GCs detected。​​原因​​：JVM等待所有线程进入安全点（如…...

编程新知 2026/2/7 11:25:15

[大语言模型]在个人电脑上部署ollama 并进行管理,最后配置AI程序开发助手.

ollama官网: 下载 https://ollama.com/ 安装 查看可以使用的模型 https://ollama.com/search 例如 https://ollama.com/library/deepseek-r1/tags # deepseek-r1:7bollama pull deepseek-r1:7b改token数量为409622 16384 ollama命令说明 ollama serve #&#xff1a…...

编程新知 2026/1/31 4:37:53

【p2p、分布式，区块链笔记 MESH】Bluetooth蓝牙通信 BLE Mesh协议的拓扑结构 定向转发机制

目录 节点的功能承载层&#xff08;GATT/Adv&#xff09;局限性&#xff1a; 拓扑关系定向转发机制定向转发意义 CG 节点的功能 节点的功能由节点支持的特性和功能决定。所有节点都能够发送和接收网格消息。节点还可以选择支持一个或多个附加功能&#xff0c;如 Configuration …...

编程新知 2026/2/4 22:41:52

【Linux】Linux安装并配置RabbitMQ

目录 1. 安装 Erlang 2. 安装 RabbitMQ 2.1.添加 RabbitMQ 仓库 2.2.安装 RabbitMQ 3.配置 3.1.启动和管理服务 4. 访问管理界面 5.安装问题 6.修改密码 7.修改端口 7.1.找到文件 7.2.修改文件 1. 安装 Erlang 由于 RabbitMQ 是用 Erlang 编写的&#xff0c;需要先安…...

编程新知 2026/2/10 10:58:14

云原生安全实战：API网关Envoy的鉴权与限流详解

&#x1f525;「炎码工坊」技术弹药已装填&#xff01; 点击关注 → 解锁工业级干货【工具实测|项目避坑|源码燃烧指南】 一、基础概念 1. API网关 作为微服务架构的统一入口&#xff0c;负责路由转发、安全控制、流量管理等核心功能。 2. Envoy 由Lyft开源的高性能云原生…...

编程新知 2026/2/10 5:10:12

shell脚本质数判断

shell脚本质数判断 shell输入一个正整数,判断是否为质数(素数&#xff09;shell求1-100内的质数shell求给定数组输出其中的质数 shell输入一个正整数,判断是否为质数(素数&#xff09; 思路&#xff1a; 1:1 2:1 2 3:1 2 3 4:1 2 3 4 5:1 2 3 4 5-------> 3:2 4:2 3 5:2 3…...

编程新知 2025/12/8 12:56:00

十二、【ESP32全栈开发指南： IDF开发环境下cJSON使用】

一、JSON简介 JSON&#xff08;JavaScript Object Notation&#xff09;是一种轻量级的数据交换格式&#xff0c;具有以下核心特性&#xff1a; 完全独立于编程语言的文本格式易于人阅读和编写易于机器解析和生成基于ECMAScript标准子集 1.1 JSON语法规则 {"name"…...

编程新知 2025/12/30 15:37:52