JS函数练习

最新推荐文章于 2022-12-03 16:28:25 发布
最新推荐文章于 2022-12-03 16:28:25 发布
阅读量1.2k 收藏 1
点赞数
分类专栏： 学习笔记（基础） 文章标签： JavaScript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_15093/article/details/82653192
版权
[b][size=x-large]练习题目：[/size][/b]

[img]http://dl2.iteye.com/upload/attachment/0117/9717/c9b4e788-f938-3e66-8ed2-e40aef2066c5.jpg[/img]

[size=x-large]练习1：百钱买百鸡[/size] 
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>百钱买百鸡</title>
	<script type="text/javascript">
                  //cock--公鸡，hen--母鸡，chicken--小鸡
		// 普通做法
		function doBuy1()
		{
			var cnt=0;//cnt用于观察循环的次数，以便查看优化效果
			for(var cock=1;cock<=100;cock++)
			{
				for(var hen=1;hen<=100;hen++)
				{
					for(var chicken=1;chicken<=100;chicken++)
					{
						cnt++;
						if(cock+hen+chicken==100&&cock*5+hen*3+chicken/3==100)
						{
							console.debug("doBuy1：cock:"+cock+",hen:"+hen+",chicken:"+chicken);
						}
					}
				}
			}
			console.debug("doBuy1：cnt:"+cnt);
		}

		// 优化1
		function doBuy2()
		{
			var cnt=0;
			//除去必须的一只母鸡一只小鸡，剩余的钱最多买17只公鸡
			for(var cock=1;cock<17;cock++) 
			{
				//除去一只公鸡一只小鸡剩余的钱最多买31只母鸡
				for(var hen=1;hen<31;hen++)
				{
					for(var chicken=1;chicken<98;chicken++)
					{
						cnt++;

						if(cock+hen+chicken==100&&cock*5+hen*3+chicken/3==100)
						{
							console.debug("doBuy2：cock:"+cock+",hen:"+hen+",chicken:"+chicken);
						}
					}
				}
		  }
			console.debug("doBuy2：cnt:"+cnt);
		}
		// 优化2
		function doBuy3()
		{
			var cnt=0;
			var sum=100;
			for(var cock=1;cock<17;cock++)
			{
				for(var hen=1;hen<(100-cock*5)/3;hen++)
				{
					cnt++;
					var chicken=100-cock-hen;
					if(cock*5+hen*3+chicken/3==100)
					{
						console.debug("doBuy3：cock:"+cock+",hen:"+hen+",chicken:"+chicken)
					}
				}
			}
			console.debug("doBuy3：cnt:"+cnt);
		}
	</script>
</head>
<body>
	<input type="button" value="doBuy1" onclick="doBuy1()">
	<input type="button" value="doBuy2" onclick="doBuy2()">
	<input type="button" value="doBuy3" onclick="doBuy3()">
</body>
</html>

[size=large]后台结果：[/size]
[img]http://dl2.iteye.com/upload/attachment/0117/9701/f6d87c09-a3ae-3859-8d6c-c0f4a49c68c6.jpg[/img]
[size=large][color=red]说明：[/color]对程序进行优化，减少for循环语句的循环次数，可以减小系统运行负荷[/size]

[size=x-large]2.练习2：接受用户输入的一个正整奇数，并打印出如题目中所示图形[/size] 
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>题2</title>
	<script type="text/javascript">
		function doTest()
		{
			while(true)
			{
				//判断输入的数是否为一个正整奇数
				//输入错误则通过continue跳出本次循环进入下次循环再输数字
				//输入正确则跳出整个循环进去while后面的语句
				var n=prompt("请输入一个正整奇数：")*1;
				if(n>0 && !(isNaN(n)) && n%2==1)
				{
					break;
				}
				else{
					continue;
				}
			}
			for(var i=1;i<=n;i++)
			{
				var str="";
				for(var j=1;j<=n;j++)
				{
					if(i==1 || i==n || j==1 || j==n || i+j==n+1 || i==j)
					{
						str+="* ";
					}
					else{
						str+="  ";
					}
				}
				console.debug(str);
			}
			console.debug("n="+n);
		}
		doTest();
	</script>
</head>
<body>

</body>
</html>

[size=large]后台结果显示：[/size]
[img]http://dl2.iteye.com/upload/attachment/0117/9713/c00a5396-b641-3b9a-8a15-269339974c8c.jpg[/img]
[size=x-large]3.练习3：输入一个正整数，求它各位上数字的和[/size] 
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>题3</title>
	<script type="text/javascript">
		function doTest()
		{
			while(true)
			{
				//判断输入的数是否为一个正整数
				//输入错误则通过continue跳出本次循环进入下次循环再输数字
				//输入正确则跳出整个循环进去while后面的语句
				var num=prompt("请输入一个正整数：");
				if(num>0 && !(isNaN(num)))
				{
					break;
				}
				else{
					continue;
				}
			}
			var sum=0;
			for(index in num)
			{
				sum+=num[index]*1;
			}
			console.debug("num="+num+";sum="+sum);
		}
		doTest();
	</script>
</head>
<body>

</body>
</html>

[size=large]后台结果展示：[/size]
[img]http://dl2.iteye.com/upload/attachment/0117/9719/0a2c3899-025e-349f-aa36-e8fec63266a2.jpg[/img]
[size=large][color=red]补充说明：[/color][/size]
[list]
[*][size=large]与练习2相比，在用户输入数据后，练习2将在数据后“ *1 ”，因为prompt输入的数据为字符串类型，*1后将其转化为number类型；[/size]
[*][size=large]在练习3中并没有将其数据类型进行转化，利用其string类型的特性，通过for...in遍历每位上的数字，此时通过“ *1 ”方法将其转化为number型逐位相加[/size][/list]
[size=x-large]4.练习4：把用户输入的数据累加，直到输入零为止，输出累加的结果[/size] 
function doTest()
		{
			var sum=0;
			while(true)
			{
				var num=prompt("请输入一个数：")*1;
				if(num==0)
				{
					console.debug("num="+num);
					break;
				}
				else
				{
					sum+=num;
				}
				console.debug("num="+num);
			}
			console.debug("sum="+sum);
		}
		doTest();

[size=large]后台结果查看：[/size]
[img]http://dl2.iteye.com/upload/attachment/0117/9721/3e055407-dbe0-344b-a26a-b861a9494263.jpg[/img]
[size=large][color=red]补充说明：[/color]"sum=0"这个变量注意放在while循环外部，放在循环内部，则没循环一次，sum都会被重新赋值为0，达不到累加的要求。[/size]
iteye_15093
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript常用函数练习
07-11
JavaScript学习函数时，常常会听懂了却做不来实际例子，本资源有部分函数的经典案例及答案，其中有些是基础题，有些逻辑对新人来说难以理解，希望对大家有所帮助。
JavaScript实现累加
qq_42285148的博客
07-11 1329
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"> <ti...
从前慢-JavaScript基础
unique_perfect的博客
01-18 551
1.1 认识JavaScript 1.2 JavaScript的特点 解释性语言：经过解释器解释的语言 动态型语言：在编写代码的过程中，可以动态修改属性。静态语言则在编写代码过程中不可以动态修改属性。 1.3 JavaScript编写位置 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="wid
JavaScript实现累加和累乘
zn0128的博客
09-13 3911
累加器 案例：求1-10之间所有数字的和 var n = 0; //循环累加所有的数字 for (var i = 1; i <= 10; i++) { //将每一次的数据 i 要累加到 n 中去 n += i; } //循环结束之后就可以使用最终的累加结果 console.log(n); 注意事项： 1、累加器变量必须定义在循环外面，如果定义在循环内部，每次循环都会将累加器重置，不能实现累加功能； 2、累加初始值必须设...
js基础算法练习
qq_43405603的博客
08-16 385
要求：给定一个整数数组 nums 和一个目标值 target，请你在该数组中找出和为目标值的那 两个 整数，并返回他们的数组下标。 你可以假设每种输入只会对应一个答案。但是，你不能重复利用这个数组中同样的元素。 示例: 给定 nums = [2, 7, 11, 15], target = 9 因为 nums[0] + nums[1] = 2 + 7 = 9 所以返回 [0, 1].................................
javascript-functions-pt2:javascript函数练习
05-21
JavaScript函数-第2部分创建一个空白的，有效HTML5文档。 创建一个JavaScript文件解决每个给定的问题，创建一个返回值的函数。 然后将函数的结果输出到JavaScript控制台。例子 function test ( str ) { return "test...
jsexercises:JS函数练习
05-05
"jsexercises:JS函数练习" 提供了一系列的JavaScript练习题，旨在帮助开发者深入理解和掌握JavaScript中的函数用法。在这个压缩包文件中，"jsexercises-master"很可能是包含所有练习的源代码目录。 JavaScript函数...
functional-js:函数式javascript练习的解决方案
07-19
通过这些练习，你不仅能加深对JavaScript函数式编程的理解，还能提升代码质量和可维护性。在实际开发中，函数式编程能帮助写出更简洁、无副作用的代码，易于测试和调试，同时也易于并行化处理，尤其在处理大量数据时...
javascript函数作用域学习示例(js作用域)
10-26
javascript中没有块级作用域,取而代之的javascript使用的是函数作用域,下面使用示例学习一下js作用域的使用方法
JS基础学习常用方法 每日一练
可爱的鹬啊
09-12 710
目录 圣杯模式 深层克隆 原型链去重 封装type 选项卡 定时器 点击变色 封装children 封装addEvent兼容性方法--给一个DOME对象添加一个事件处理函数 封装取消事件冒泡函数stopBubble 封装阻止默认事件的函数 cancelHandler 事件委托 正则小驼峰转换 the-first-name 封装一个兼容性的获取元素样式的函数getStyl...
期末测试——JavaScript方式练习题
红目香薰
12-03 1844
6、数据初始化(5分) 7、创建初始化函数(5分) 8、清空body标签内容(5分) 9、创建带有id的table标签，设置边框的宽度为1，并通过jQuery的append函数添加到body标签中(5分) 10、根据table标签自定义id名称获取table标签的jQuery对象(5分) 11、通过append函数添加遍历的info.js中list变量的数据。(20分) 12、通过jQuery的dom操作为table标签添加宽度属性为100%与文字居中(5分)
JS数组方法总结练习（持续更新）
Beatingworldline的博客
06-08 1471
创建： let a = new Array let b = new Array(20) let c = new Array(1,2,3) let d = [] let f = [1,2,3] join() push()和pop() shift() 和 unshift() sort() reverse() concat() slice() splice() indexOf()和 lastIndexOf() （ES5新增） forEach() （ES5新增） map() （ES5新增） filter() （
js实现数字累加效果
薛文诚的博客
09-26 1926
实现原理：setInterval 每一个时间间隔加一，直到指定数值。 简单实现，体验上数值请小于1000 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=devic
写一个函数，用户可以输入n次数据，可能是数字，也可能是字符串，请将用户输入的所有数字类型进行累加求和，当用户输入bye的时候，结束函数的执行。并且返回求和的结果。
xinxin920606的博客
11-06 821
>>> def numbers_sum(): ... result=None ... while 1: ... user_input=input("请输入你的数据：") ... if user_input=="bye": ... return result ... ...
js函数add(1)(2)(3)(4)...实现无限极累加原理解析
weixin_34265814的博客
02-25 3036
用js 实现一个无限极累加的函数， 形如:add(1) //=> 1; add(1)(2) //=> 2; add(1)(2)(3) //=> 6; add(1)(2)(3)(4) //=> 10; 以此类推... 我们要了解一个知识点： 当我们直接对函数使用 alert() 或 console.log() 时，函数的 toString() 方法会被调用。 ...
前端笔试题备考1
weixin_44048286的博客
09-24 4612
前端笔试题 function A(){} function B(a){ this.a = a; } function C(a){ if(a){ this.a = a; } } A.prototype.a = 1; B.prototype.a = 1; C.prototype.a = 1; console.log(new A().a) //1 console.log(new B(...
js-闭包应用之实现累加器
qq_44867271的博客
05-08 700
代码如下： <body> <script> function add(){ var count = 0; function demo(){ count ++; console.log(count); } return demo; } var counter = add()
JavaScript的函数练习题选择题
最新发布
05-11
好的，下面是一些JavaScript函数的练习题选择题： 1. 下列哪个是JavaScript函数的正确定义方式？ A. function myFunction { } B. function myFunction() { } C. var myFunction = function() { } D. All of the above 答案：B 2. 下列哪个是函数的返回值？ A. function myFunction() { console.log("Hello World"); } B. function myFunction() { return "Hello World"; } C. function myFunction() { } D. function myFunction() { return; } 答案：B 3. 下列哪个是函数的参数默认值的正确设置方式？ A. function myFunction(a, b=0) { } B. function myFunction(a=0, b) { } C. function myFunction(a, b=0) { } D. function myFunction(a=0, b=0) { } 答案：C 4. 下列哪个是箭头函数的正确定义方式？ A. function myFunction() => { } B. var myFunction = () => { } C. var myFunction => { } D. function myFunction() { } 答案：B 5. 下列哪个函数能够将字符串转换为数字？ A. parseInt() B. parseFloat() C. Number() D. All of the above 答案：D 希望这些选择题能够帮助你更好地练习JavaScript函数的知识。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值