JS常见习题

已于 2023-07-11 10:46:09 修改
阅读量60 收藏
点赞数
分类专栏： JS 文章标签： javascript 学习 开发语言
于 2023-06-30 13:36:47 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shixiaoqin123456/article/details/131473735
版权

前言

随手记录下学习JS过程中一些例题解答过程.

一、JS实现简易ATM
题目要求如下:

  1. 里面现存有 100 块钱
  2. 如果存钱，就用输入钱数加上先存的钱数, 之后弹出显示余额提示框
  3. 如果取钱，就减去取的钱数，之后弹出显示余额提示框
  4. 如果显示余额，就输出余额
  5. 如果退出，弹出退出信息提示框
    JS实现简易ATM需求


<!DOCTYPE html>
	<html>
		<head>
			<meta charset="utf-8">
			<title></title>
			<style type="text/css">

			</style>

			<script>
				// 里面现存有100块钱
				// 如果存钱,就用输入钱数加上先存的钱数.之后弹出显示余额提示框
				// 如果取钱,就减去取的钱数,之后弹出显示余额提示框
				// 如果显示余额,就输出余额
				// 如果退出,就弹出退出信息提示框
				var now_money = 100;
				var flag = true;	
				while(flag){
					var operate = parseInt(prompt('请输入您要的操作: \n1.存钱 \n2.取钱 \n3.显示余额 \n4.退出'))
					switch(operate){
						//存钱
						case 1:
						var save = parseFloat(prompt('请您输入存的钱数:'))
						now_money += save;
						alert('您现在的钱数是:' + now_money);
						break;
						//取钱
						case 2:
						var withdraw = parseFloat(prompt('请您输入取的钱数:'));
						if ( now_money >= withdraw ) {
							now_money -= withdraw;
							alert('您现在的余额是:' + now_money)
						}
						else {
							alert('您卡里的余额不够哦~')
						}
						break;
						//显示余额
						case 3:
						alert( '您现在的钱数是:'+ now_money );
						break;
						//退出
						case 4:
						alert('您正在退出!')
						default:
						alert('输入有误,请重新输入~')
						break;
					}
				}
			</script>
		</head>
		<body>
		</body>
	</html>

二、求1-100之间所有数的总和与平均值

	<!DOCTYPE html>
	<html>
		<head>
			<meta charset="utf-8">
			<title></title>
			<style type="text/css">

			</style>

			<script>
				//求1-100之间所有数的总和与平均值
				var sum = 0;
				var average = 0;
				for ( i = 1; i <= 100; i++ ){
					//1-100之间所有数的总和
					sum += i;
					//1-100之间所有数的平均值-总数/总个数
					average = sum / 100;
				}
				alert('1-100之间所有数的总和为:' +sum);
				alert('1-100之间所有数的平均值为:' + average);
			</script>
		</head>
		<body>
		</body>
	</html>

三、求1-100之间所有偶数的和

<!DOCTYPE html>
	<html>
		<head>
			<meta charset="utf-8">
			<title></title>
			<style type="text/css">

			</style>

			<script>
				//求1-100之间所有偶数的和
				var sum = 0;
				for ( i = 1; i <= 100; i++ ){
					//1-100之间所有偶数的和
					if ( i % 2 == 0 ) {
						sum += i;
					}
				}
				alert('1-100之间所有偶数的和为:' +sum);
			</script>
		</head>
		<body>
		</body>
	</html>

四、求100以内7的倍数的总和

	<!DOCTYPE html>
	<html>
		<head>
			<meta charset="utf-8">
			<title></title>
			<style type="text/css">

			</style>

			<script>
				//求100以内7的倍数的总和
				var sum = 0;
				for ( i = 1; i < 100; i++ ){
					//100以内7的倍数的总和
					if ( i % 7 == 0 ) {
						sum += i;
					}
				}
				alert('100以内7的倍数的总和为:' +sum);
			</script>
		</head>
		<body>
		</body>
	</html>

五、使用for循环打印矩形

实现效果：

☆☆☆☆☆

☆☆☆☆☆

☆☆☆☆☆

☆☆☆☆☆

	<!DOCTYPE html>
	<html>
		<head>
			<meta charset="utf-8">
			<title></title>
			<style type="text/css">

			</style>

			<script>
				//使用for循环打印矩
				var str = '';
				for ( i = 1; i <= 5; i++ ){        //确定列数为5
					for ( j = 1; j <= 5; j++){     //打印五个✨
						str += '✨';
					}
					str += '\n';                   //换行
					}
				alert(str)
				
			</script>
		</head>
		<body>
		</body>
	</html>

六、使用for循环打印三角形
实现效果:
左上直角三角形

	<!DOCTYPE html>
	<html>
		<head>
			<meta charset="utf-8">
			<title></title>
			<style type="text/css">

			</style>

			<script>
				//使用for循环打印左上直角三角形
				var str = '';
				for ( i = 0; i < 5; i++ ){        //确定列数为5
					for ( j = 0; j <= i; j++){     //打印左上直角三角形
						str += '✨';
					}
					str += '\n';                   //换行
					}
				alert(str)
				
			</script>
		</head>
		<body>
		</body>
	</html>

七、使用for循环打印99乘法表

	<!DOCTYPE html>
	<html>
		<head>
			<meta charset="utf-8">
			<title></title>
			<style type="text/css">

			</style>

			<script>
				//使用for循环打印99乘法表
				var sum='';
				for ( var i = 1; i <= 9; i++ ){      //确定列数为9
					for ( j=1; j <= i; j++){
						sum += j + 'x' + i + '=' + j*i+'\t' ;     
						
					}
					sum += '\n'                     //换行
				}
				console.log(sum)
				
			</script>
		</head>
		<body>
		</body>
	</html>

八、求整数1-100的累加值,但要求跳过所有个位为3的数

	<!DOCTYPE html>
	<html>
		<head>
			<meta charset="utf-8">
			<title></title>
			<style type="text/css">

			</style>

			<script>
				//求整数1-100的累加值,但要求跳过所有个位为3的数
				var sum=0;
				for ( var i = 1; i <= 100; i++ ) {
					if ( i % 10 == 3){
						continue;
					}
					sum += i;
				}
				alert(sum)
				
			</script>
		</head>
		<body>
		</body>
	</html>

九、将数组[ ‘red’, ‘green’, ‘blue’, ‘pink’ ] 转换为字符串,并且用 | 或其他符号分割
输出 : ‘red|green|blue|pink|’

	<!DOCTYPE html>
	<html>
		<head>
			<meta charset="utf-8">
			<title></title>
			<style type="text/css">

			</style>

			<script>
			var arr = ['red', 'green', 'blue', 'pink'];
			var str = '';
			var sep = '|';
			for ( var i = 0; i < arr.length; i++){
				str += arr[i] + sep;
				
			}
			alert(str);
			</script>
		</head>
		<body>
		</body>
	</html>

十、写一个函数,用户输入任意三个不同数字的最大值,并能弹出运算后的结果

	<!DOCTYPE html>
	<html>
		<head>
			<meta charset="utf-8">
			<title></title>
			<style type="text/css">

			</style>

			<script>
				//用户输入任意三个不同数字的最大值,并能弹出运算后的结果
				
				function getMax(arr) {
					for (var i = 0; i < arr.length; i++){
						var max = 0;
						if(max < arr[ i ]){
							max = arr[i];
						}
					}
					return max;
				}
				num1 = parseInt(prompt('请输入第一个数'));
				num2 = parseInt(prompt('请输入第二个数'));
				num3 = parseInt(prompt('请输入第三个数'));
				var newArr = [num1, num2, num3]
				alert('您输入的数的最大数为: ' + getMax(newArr))
			</script>
		</head>
		<body>
		</body>
	</html>

十一、写一个函数,用户输入任意两个数字的任意算术运算(简单的计算器小功能),并能弹出运算后的结果

	<!DOCTYPE html>
	<html>
		<head>
			<meta charset="utf-8">
			<title></title>
			<style type="text/css">
			</style>
			<script>
				//写一个函数,用户输入任意两个数字的任意算术运算(简单的计算器小功能),并能弹出运算后的结果
				function getNum(num1,num2){
					return [parseInt(num1) + parseInt(num2), num1 - num2, num1 * num2, num1 / num2];
				}
				flag = true;
				while(flag){
					prompt_num1 = prompt('请输入第一个数:');
					prompt_num2 = prompt('请输入第二个数:');	
					arr = getNum(prompt_num1, prompt_num2);
					operators = parseInt(prompt('请输入您想要的运算:\n 1. 相加+ \n 2.相减 - \n 3.相乘 * \n 4.相除 / \n' ))
					switch(operators){
						case 1:
						alert(arr[0]);
						break;
						case 2:
						alert(arr[1]);
						break;
						case 3:
						alert(arr[2]);
						break;
						case 4:
						alert(arr[3]);
						break;
						default:
						alert('没有这个运算哦~')
						break;
					}
			}
			</script>
		</head>
		<body>
		</body>
	</html>

十二、用户输入年份,输出当年份2月份的天数

	<!DOCTYPE html>
	<html>
		<head>
			<meta charset="utf-8">
			<title></title>
			<style type="text/css">
			</style>
			<script>
				// 用户输入年份,输出当年份2月份的天数
				function is_leapYear (year) {      //判断是否为闰年
					var flag = false;
					if (( year % 4 == 0 && year % 100 != 0) || year % 400 == 0 ) {
						flag = true;
						}
						return flag;
					}
				//根据年份判断2月份天数
				function backDay() {   
					var year = prompt('请您输入年份:');
					if ( is_leapYear(year)) {
						alert('当前年份是闰年,2月份有29天');
					}
					else {
						alert('当前年份是平年,2月份有28天')
					}
				}
				var  year1 = backDay();
			</script>
		</head>
		<body>
		</body>
	</html>

十三、写一个函数,实现反转任意数组

	<!DOCTYPE html>
	<html>
		<head>
			<meta charset="utf-8">
			<title></title>
			<style type="text/css">
			</style> 
			<script>
				// 写一个函数,实现反转任意数组
				function Reverse(arr) {
					// 声明一个新的数组newArr
					var newArr = [];
					for ( var i = arr.length - 1; i >= 0; i-- ){
						//newArr[newArr.length] 是随数组长度动态变化的,
						//所以可以动态接收来自arr[i] 的赋值
						newArr[newArr.length] = arr[i];
					}
					return newArr;
	}
	var arr1 = Reverse([1,9,3,8,7]);
	alert(arr1)
			</script>
		</head>
		<body>
		</body>
	</html>

十四、写一个函数,实现对数字数组的排序(冒泡排序)

	<!DOCTYPE html>
	<html>
		<head>
			<meta charset="utf-8">
			<title></title>
			<style type="text/css">
			</style> 
			<script>
				// 写一个函数,实现对数字数组的排序(冒泡排序)
				function sort(arr) {
					for (var i = 0; i <= arr.length - 1; i++) {
						for (var j = 0; j <= arr.length - i - 1; j++ ) {
							if (arr[j] > arr[ j + 1]){
								var tmp = arr [j];
								arr[j] = arr[j + 1];
								arr[j + 1] = tmp;
							}
						}
					}
					return arr;
					
					}
				var arr1 = sort([2,1,9,6,7]);
				alert(arr1);	
			</script>
		</head>
		<body>
		</body>
	</html>
测试开发专项写作
关注
专栏目录
常见的JavaScript练习题
Lonelydesertea的博客
12-22 3065
// 创建一个电脑对象 , 该对象要有颜色 , 重量 , 品牌 , 型号 ,可以看电影 , 听音乐 , 打游戏 ,敲代码 function Jsj(color , zl , pp , xh) { this.color=color this.zl = zl this.pp = pp this.xh = xh this.gn = function(gn2) { ...
双重for循环的常见练习题
zhou_nj的博客
08-11 1063
1.打印直角三角形。代码： <!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"> .
javascript常见习题（全）
weixin_47439712的博客
11-30 2532
1、什么是JavaScript？ JavaScript是客户端和服务器端脚本语言，可以插入到HTML页面中，并且是目前较热门的Web开发语言。同时，JavaScript也是面向对象编程语言。 类似的基本题目还包括：JavaScript都有哪些类型?JavaScript是谁发明的？… 2、列举Java和JavaScript之间的区别？ Java是一门十分完整、成熟的编程语言。相比之下，JavaScript是一个可以被引入HTML页面的编程语言。这两种语言并不完全相互依赖，而是针对不同的意图而设计的。 Java
js常见算法题
long321041080的博客
05-16 576
1：小写转驼峰 普通写法 function getCamelCase(str){ let arr = str.split('-') return arr.map((item, index) => { console.log(item) if(index === 0){ return item }else{ return item.charAt(0).toUpperCase() } }).j
JS常见算法题
llexo的博客
11-09 413
尾调用的概念非常简单，一句话就能说清楚，就是指某个函数的最后一步是调用另一个函数以下两种情况，都不属于尾调用。// 情况一return y;// 情况二上面代码中，情况一是调用函数g之后，还有别的操作，所以不属于尾调用，即使语义完全一样。情况二也属于调用后还有操作，即使写在一行内。尾调用不一定出现在函数尾部，只要是最后一步操作即可。尾调用优化let m = 1;let n = 2;f();// 等同于f();// 等同于g(3);
js递归练习题
hhhhhjkhf的博客
04-03 175
【代码】js递归练习题。
JS 基础练习题（小白入门类型的那种）
qq_43477721的博客
04-08 3575
万丈高楼平地起，打好基础最要紧。 原网站地址：https://learn.freecodecamp.one/ 代码是码出来的，各位多多练习。 1. 将摄氏温度转换成华氏温度 将摄氏度转换为华氏度的算法为：摄氏度 × 9/5 + 32 function convertToF(celsius) { let fahrenheit = celsius * 9 / 5 + 32; return fahrenheit; } convertToF(30); 2. 翻转字符串 反转给出的字符串。
JavaScript练习题第（四）部分
阿猫故乡的博客
12-28 579
10. 编写一个函数，接收一个字符串参数，判断该字符串是否为有效的手机号码（满足特定的格式要求）。4. 编写一个函数，接收一个字符串参数，统计该字符串中每个字母出现的次数，并以对象形式返回。1. 编写一个函数，接收一个字符串参数，判断该字符串是否为回文字符串（正读和反读都相同）。8. 编写一个函数，接收一个字符串参数，将字符串中的单词首字母大写，并返回结果字符串。6. 编写一个函数，接收一个数组作为参数，将数组中的元素去重，并返回新的数组。7. 编写一个函数，接收一个正整数参数n，返回n的阶乘。
js常见题
weixin_60634477的博客
04-19 717
【代码】简单算法练习题。
javascript常见习题（三）
weixin_47439712的博客
10-23 261
1 介绍JavaScript的基本数据类型 Number、String 、Boolean 、Null、Undefined Object 是 JavaScript 中所有对象的父对象 数据封装类对象：Object、Array、Boolean、Number 和 String 其他对象：Function、Arguments、Math、Date、RegExp、Error新类型：Symbol 2 说说写JavaScript的基本规范？ 不要在同一行声明多个变量 使用 ===或!==来比较true/false或者数值
JavaScript开发常见问题习题与解答
09-23
也可做为期末面试的自我检查和能力提升的练习题。学习该文档的目标在于加强基础知识，提升编码水平。 其他说明：除了作为理论知识点梳理之外，在实际项目开发过程中也常常遇到类似的实际操作和问题排查，本文内容也...
JavaScript常见面试题共41页.pdf.zip
10-30
这份名为“JavaScript常见面试题共41页.pdf”的压缩文件，显然包含了面试官在评估JavaScript开发者技能时可能会问到的一些关键问题。通过深入理解和掌握这些面试题，开发者可以更好地准备面试，提升自己在JavaScript...
javascript面试题、练习题
07-17
### JavaScript核心概念与面试题详解 #### 一、基础语法与数据类型 - **知识点**： - **基本数据类型**：了解JavaScript的基本数据类型对于理解变量存储和使用至关重要。JavaScript中有六种基本数据类型：Number...
javaScript练习题.docx
09-30
JavaScript 练习题汇总 JavaScript 是一种广泛应用于 web 开发的编程语言，它可以在客户端执行，以增强网页的交互性和用户体验。以下是 JavaScript 练习题的汇总，涵盖了选择题、不定项选择题、填空、判断、阅读...
Python练习题集合.rar
06-08
初学者通过练习题来巩固基础是十分重要的，因为这有助于理解和掌握Python的基本概念。 1. **变量与数据类型** Python中的变量无需预声明，可以立即赋值。它支持多种数据类型，如整型（int）、浮点型（float）、...
计算机毕业设计之：基于微信小程序的诗词智能学习系统（源码+文档+解答）
程序员阿龙的博客
09-22 4461
博主介绍： ✌我是阿龙，一名专注于Java技术领域的程序员，全网拥有10W+粉丝。作为CSDN特邀作者、博客专家、新星计划导师，我在计算机毕业设计开发方面积累了丰富的经验。同时，我也是掘金、华为云、阿里云、InfoQ等平台的优质作者。通过长期分享和实战指导，我致力于帮助更多学生完成毕业项目和技术提升。 技术范围： 我熟悉的技术领域涵盖SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大数据、物联网、机器学习等方
解决uniapp使用up-form组件，uView提示:未设置rules,请看文档说明!如果已经设置,请刷新页面。
最新发布
李浩洋
09-24 226
解决uniapp使用up-form组件，uView提示:未设置rules,请看文档说明!如果已经设置,请刷新页面。up-form组件 :model=“formData” :rules=“rules”要赋初始值
基于JavaWeb开发的Java+SpringMvc+vue+element实现驾校管理系统详细设计
央顺科技官方博客
09-24 851
机遇与挑战始终并存。在开放的互联网平台面前，驾校预约管理系统的信息管理面临着巨大的挑战。传统的管理模式局限于简单数据的管理，无法适应不断变化的市场格局。在早期阶段，在将计算机技术和网络技术融入驾校预约管理系统数据管理方法之前，所有管理方式都通过人工操作完成了管理信息的。系统管理也都将通过计算机进行整体智能化操作，对于驾校预约管理系统所牵扯的管理及数据保存都是非常多的，举例像所有详细信息包括，管理员；首页、个人中心、学员管理、驾校教练管理、驾校车辆管理、预约管理、取消预约管理、驾校公告管理、系统管理。
vue上传预览CAD文件
只会写bug
09-24 566
如果选择的是 Three.js，那么可以创建一个场景来加载和显示模型。如果是用特定的 CAD 查看器库，则按照其文档进行集成即可。根据具体需求和技术能力，可以选择最适合的解决方案来实现 CAD 文件的上传和预览功能。
JavaScript基础入门：18道练习题解析
"javascript零基础练习题" 的资源摘要提供了关于JavaScript的基础知识，包括它的定义、组成部分、应用方式、变量定义、数据类型、运算符以及注释符。这些是JavaScript编程的基础概念。 1. **JavaScript定义**：...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值