首页 > 编程语言> > 运用javascrip 中的数组知识解决问题（查找数字位置）

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

2020-04-15 11:02:06 作者：互联网

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，还是有所收获的。^ _ ^

标签：返回,数字,整数,查找,javascrip,数组,var,解析,输入
来源： https://blog.csdn.net/qq_47018979/article/details/105515176