js案例:水仙花数

目录

前言

补充

案例1.判断一个数是否是水仙花数 

实现思路

代码讲解 

完整代码

案例2.输出所有的水仙花束

实现思路

代码讲解 

完整代码 


前言

            水仙花数是指一个n位数,它的每个位上的数字的n次幂之和等于它本身。具体地说,对于一个n位数x,如果满足以下条件,则称其为水仙花数:

x = (个位数的n次方) + (十位数的n次方) + … + (最高位数的n次方)

例如,153是一个水仙花数,因为1^3 + 5^3 + 3^3 = 1 + 125 + 27 = 153。

编写判断一个数是否为水仙花数的代码考察的是以下方面的知识:

  1. 循环:通常需要使用循环语句,如for循环或while循环,遍历每一位数。

  2. 数学运算:计算每一位数的n次方,并将它们累加起来,以便与原数进行比较。

  3. 条件判断:通过判断累加结果与原数是否相等来确定是否为水仙花数。

  4. 数据类型转换:数字的各个位数在计算n次方之前通常需要将其转换为整数类型。

下面我将通过两个案例来写水仙花数(1.判断数字是否是水仙花数 2.输出所有的水仙花数)

补充

数学方法

    Math.floor()把数字num向下取整,舍弃掉小数

    Math.ceil()把数字num向上取整,舍弃掉小数,整数部分加1

    Math.round()把数字num四舍五入

案例1.判断一个数是否是水仙花数 

实现思路

水仙花数是三位数,所有我们首先要拿到需要判断的这个数的个位,十位,百位,通过上面补充的数学方法和取余/除运算可以实现,然后使用分支语句判断是否为水仙花数,如果使用input输入数字还需要设置id获取数据

代码讲解 

<body>
    <input type="number" value="" id="txt">
    <button id="btn">判断</button>
</body>

        这部分代码是一个HTML的<body>元素,包含一个输入框和一个按钮。输入框使用<input>标签创建,其类型为number,ID为txt。按钮使用<button>标签创建,ID为btn,文本内容为"判断"。

<script>
    /*
    数学方法
    Math.floor()把数字num向下取整,舍弃掉小数
    Math.ceil()把数字num向上取整,舍弃掉小数,整数部分加1
    Math.round()把数字num四舍五入
    */ 
   console.log(Math.floor(3.95));
   console.log(Math.ceil(3.95));
   console.log(Math.round(3.95));

        这部分是JavaScript代码的注释,解释了Math.floor()Math.ceil()Math.round()数学方法的使用和功能。然后通过console.log()函数将各种取整结果输出到控制台,以便进行示例演示。

   let txt= document.getElementById('txt')
   let btn= document.getElementById('btn')

       这两行代码使用document.getElementById()函数通过元素的ID获取对应的DOM元素,并将其分别赋值给txtbtn变量。txt表示输入框元素,btn表示按钮元素。

   btn.onclick = function(){
    let n = txt.value - 0
    let num1 = Math.floor(n/100)
    let num2 = Math.floor(n/10%10)  //(n%100/10)
    let num3 = Math.floor(n%10)
    if (num1*num1*num1+num2*num2*num2+num3*num3*num3==n) {
        alert(n+'是水仙花数')
    }else{
        alert(n+'不是水仙花数')
    }
   }

        这部分是按钮的onclick事件处理程序,当按钮被点击时执行其中的逻辑。当按钮被点击时会执行一个匿名函数。

           在匿名函数中,首先通过txt.value获取输入框的值,并通过减法运算- 0将其转换为数值类型。然后使用取整运算符(Math.floor())和取模运算符(%)将数值分解为三个个位、十位和百位数字,分别赋值给num1num2num3变量。接下来,通过判断每位数字的立方之和是否等于原始数值,来判断输入的数值是否为水仙花数。如果等于,则使用alert()函数弹出一个提示窗口,显示输入的数值是水仙花数。否则,显示输入的数值不是水仙花数。

完整代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>水仙花数</title>
</head>
<body>
    <input type="number" value="" id="txt">
    <button id="btn">判断</button>
</body>
</html>
<script>
   console.log(Math.floor(3.95));
   console.log(Math.ceil(3.95));
   console.log(Math.round(3.95));
   let txt= document.getElementById('txt')
   let btn= document.getElementById('btn')
   btn.onclick = function(){
    let n = txt.value - 0
    let num1 = Math.floor(n/100)
    let num2 = Math.floor(n/10%10)  //(n%100/10)
    let num3 = Math.floor(n%10)
    if (num1*num1*num1+num2*num2*num2+num3*num3*num3==n) {
        alert(n+'是水仙花数')
    }else{
        alert(n+'不是水仙花数')
    }
   }
</script>

案例2.输出所有的水仙花束

实现思路

       根据案例1我们已经知道了怎么判断水仙花数,输出所有的水仙花数只需要使用for循环,加上判断,就能实现在控制台输出所有的水仙花数。

代码讲解 

let d = 100;

         这一行代码初始化了一个变量d,初始值为100。d将用作迭代变量来寻找水仙花数。

for (d = 100; d < 1000; d++) {

        这是一个for循环,设置了循环的初始条件为d = 100,循环继续的条件为d < 1000,并且在每次循环结束后将d自增。这意味着循环将在数字范围从100到999内进行迭代。

let num1 = Math.floor(d/100);
let num2 = Math.floor(d/10%10);
let num3 = Math.floor(d%10);

         这三行代码使用取整运算符(Math.floor())和取模运算符(%)分别计算了数字d的百位、十位和个位数字,并将结果分别赋值给变量num1num2num3

if (num1*num1*num1 + num2*num2*num2 + num3*num3*num3 == d) {
    console.log(d);
}

         这是一个条件判断语句,用来判断当前的数字d是否为水仙花数。如果立方和等于d,则满足水仙花数的条件,通过console.log()将当前的d打印到控制台。

完整代码 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
  
</body>
</html>
<script>
    // 输出所有的水仙花数
    let d = 100
    for ( d = 100; d < 1000; d++) {
         let num1 = Math.floor(d/100)
         let num2 = Math.floor(d/10%10)  //(n%100/10)
         let num3 = Math.floor(d%10)
       if (num1*num1*num1+num2*num2*num2+num3*num3*num3==d) {
           console.log(d);
       }
        
    }

</script>

  • 3
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小姚学前端

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值