运用javascrip 中的数组知识解决问题(查找数字位置)

javascrip 查找数字位置

你好WO SHI 七七卡卡

随机生成30个整数,输入一个新整数,若整数序中有该整数,则显示其位置。没有返回0

0.首先我们先在body里添加一个按钮<计算>

输入一个数: <input type="text"  id="shuru"/>  
    <button type="button" onclick="myFunction()">计算</button>

1.定义30个随机整数。
(运用for循环 循环输出)

var a=[];
for(i=0;i<30;i++) {
        a[i]=Math.floor(Math.random() * 50);   
        document.getElementById("demo1").innerHTML =a;
        }

2.将我们输入的数进行转换,将其转换成整数型

var shuru =parseInt(document.getElementById("shuru").value);
方法 描述
Number() 解析其参数并返回浮点数。可用于把 JavaScript 变量转换为数值,还可以把日期转换为数字(返回 1970 年 1 月 1 日至今的毫秒数)
parseFloat() 解析其参数并返回浮点数。解析一段字符串并返回数值。允许空格。只返回首个数字。
parseInt() 解析其参数并返回整数。解析一段字符串并返回数值。允许空格。只返回首个数字。

3.这一步也是最关键的一步,我们用 for循环 循环尝试 if 进行比较,如果我们输入的数存在,那么就返回这个数的位置,如果不在,那么久显示0。

for(i=0;i<30;i++)
        if(a[i]==shuru)break;
        if(i==30) document.getElementById("demo2").innerHTML =0;
        else document.getElementById("demo2").innerHTML =i+1;  
        }

如果a[i]与我们输入的数相对应,那么我们用break;跳出循环,并显示位置i+1
4.完整代码

<body> 
    输入一个数: <input type="text"  id="shuru"/>  
    <button type="button" onclick="myFunction()">计算<tton> 
    <h1>JavaScript 数字</h1> 
    <p>.随机生成30个整数,输入一个新整数,若整数序中有该整数,则显示其位置。没有返回0</p> 
    <p id="demo1"></p> 
    <p id="demo2"></p> 
    <script>  
       var a=[];
       for(i=0;i<30;i++) 
        a[i]=Math.floor(Math.random() * 50);   
        document.getElementById("demo1").innerHTML =a; 

    function myFunction() {
        var shuru =parseInt(document.getElementById("shuru").value);
        for(i=0;i<30;i++){
             if(a[i]==shuru)break;
        }
        if(i==30) {
            document.getElementById("demo2").innerHTML =0;
            }
            else {document.getElementById("demo2").innerHTML =i+1;  
        }
    }
    
     </script> 
</body>

在这里插入图片描述
在这里插入图片描述
我也是刚刚开始学习js,还是有所收获的。^ _ ^

发布了1 篇原创文章 · 获赞 13 · 访问量 39

猜你喜欢

转载自blog.csdn.net/qq_47018979/article/details/105515176