<!DOCTYPE html>

<html>

    <head>

        <!-- 页面上有3个输入框：分别为max，min，num；三个按钮：分别为生成，排序，去重；

            在输入框输入三个数字后，先点击生成按钮，生成一个数组长度为num，值为max到min

            之间的随机整数；点击排序，对当前数组进行排序，点击去重，对当前数组进行去重。

            每次点击之后使结果显示在控制台

        -->

        <meta charset="utf-8">

        <title>生成、排序、去重</title>

    </head>

    <body>

　　　 <!-- 创建三个输入框和三个按钮 -->　　　　

        <input type="text" id="max" />

        <input type="text" id="min" />

        <input type="text" id="num" />

        <input type="button"  id="btn" value="生成" />

        <input type="button"  id="btn1" value="排序" />

        <input type="button"  id="btn2" value="去重" />

    </body>

    <script type="text/javascript">

        //先对输入框声明变量

        var oMax=document.getElementById("max")

        var oMin=document.getElementById("min")

        var oNum=document.getElementById("num")

        var oBtn=document.getElementById("btn")

        var oBtn1=document.getElementById("btn1")

        var oBtn2=document.getElementById("btn2")

        var arr=[];

        // 生成一个数组长度为num，值为max到min之间的随机整数

        oBtn.onclick =function(){

            for(var d=0;d<oNum.value;d++){

                arr[d]=random(oMax.value,oMin.value)

            }

               //范围随机函数的封装

                function random(max,min){

            return Math.round(Math.random()*(max-min)+min)

        }

        console.log(arr)

        }

        //排序

        //数组的排序最重要的一点就是遍历，此处数组的冒泡排序

        oBtn1.onclick = function(){

            for (var i=0;i<arr.length-1;i++) {

                for (var j=0;j<arr.length-i-1;j++) {

                    var sum;

                    if (arr[j]>arr[j+1]) {

                        sum=arr[j+1];

                        arr[j+1]=arr[j];

                        arr[j]=sum;

                    }

                }

            }

            console.log(arr)

        }

        // 去重

        oBtn2.onclick = function(){

            for (var a = 0;a<arr.length;a++) {

                for (var e=a+1;e<arr.length;e++) {

                    if(arr[a]==arr[e]){

                        arr.splice(e,1);

                        e--;

                    }

                }

            }

            console.log(arr);

        }

    </script>

</html>

页面上有3个输入框：分别为max，min，num；三个按钮：分别为生成，排序，去重；在输入框输入三个数字后，先点击生成按钮，生成一个数组长度为num，值为max到min之间的随机整数点击排序，对当前数组进行排序，点击去重，对当前数组进行去重。 每次点击之后使结果显示在控制台的更多相关文章

  1. bit-map牛刀小试：数组test[X]的值所有在区间[1, 8000]中， 现要输出test中反复的数。要求:1. 不能改变原数组; 2.时间复杂度为O(X);3.除test外空间不超过1KB

    先来看看这个题目:数组test[X]的值所有在区间[1, 8000]中. 现要输出test中反复的数.要求:1. 不能改变原数组; 2.时间复杂度为O(X);3.除test外空间不超过1KB. 好, ...

  2. 明明想在学校中请一些同学一起做一项问卷调查，为了实验的客观性，他先用计算机生成了N个1到1000之间的随机整数（N≤1000），对于其中重复的数字，只保留一个，把其余相同的数去掉，不同的数对应着不同的学生的学号。然后再把这些数从

    明明想在学校中请一些同学一起做一项问卷调查,为了实验的客观性,他先用计算机生成了N个1到1000之间的随机整数(N≤1000),对于其中重复的数字,只保留一个,把其余相同的数去掉,不同的数对应着不同的 ...

  3. js input框输入1位数字后自动跳到下一个input框聚焦

    // input框输入1位数字后自动跳到下一个input聚焦 function goNextInput(el){ var txts = document.querySelectorAll(el); f ...

  4. 要生成在[min,max]之间的随机整数，

    import java.util.Random; public class RandomTest { public static void main(String[] args) { int max= ...

  5. PHP检测数组中的每个值是否含有特殊字符

    本文出至:新太潮流网络博客 /** * [TestArray 检测数组是一维还是二维] * @E-mial wuliqiang_aa@163.com * @TIME 2017-04-07 * @WEB ...

  6. 【WPF学习笔记】之如何把数据库里的值读取出来然后显示在页面上：动画系列之（六）（评论处有学习资料及源码）

    (应博友们的需要,在文章评论处有源码链接地址,以及WPF学习资料.工具等,希望对大家有所帮助) ...... 承接系列五 上一节讲了,已经把数据保存到数据库并且删除数据,本讲是把已经存在的数据从数据库 ...

  7. 剑指offer24：二叉树中和为输入整数值的所有路径。(注意: 在返回值的list中，数组长度大的数组靠前)

    1 题目描述 输入一颗二叉树的根节点和一个整数,打印出二叉树中结点值的和为输入整数的所有路径.路径定义为从树的根结点开始往下一直到叶结点所经过的结点形成一条路径.(注意: 在返回值的list中,数组长 ...

  8. 计算一个数组里的重复值并且删去(java)

    主要思想: 数组可以无序 假设数字里的值都为正 循环判断数组 如果与前面的数字相同则变为-1 然后记录-1的个数算出重复值 然后重新new一个减去重复值长度的新数组 和原数组判断 不为-1的全部复制进 ...

  9. 从数据库提取数据通过jstl显示在jsp页面上

    从数据库提取数据通过jstl显示在jsp页面上 1.ConnectDB.java连接数据库,把数据转换成list public class ConnectDB { private final stat ...

随机推荐

  1. 解决Redhat yum出现This system is not registered with RHN的方案

    最近博主在学习Linux,菜鸟级别的的选手连装个Chrome都觉得难,悲了个催的……百度了很多教程,大多是类似的.博主的配置是在VM8下搭建的RHEL5.3 (Tikanga)版本,不知道什么原因,每 ...

  2. Pytest使用自定义标记mark只执行部分用例

    • 场景:只执行符合要求的某一部分用例 可以把一个web项目划分多个模块,然后指定模块名称执行. App自动化时,如果想Android和IOS公用一套代码时,也可以使用标记功能,标明哪些是IOS 的用 ...

  3. ArcGis 创建含孔洞面要素AO C#

    IGeometryCollection geometryCollection = new PolygonClass(); IPointCollection pointCollection_Exteri ...

  4. wrong mechandise category

    Issue: cannot open masterdata for this two UPCs since the error below is displayed, but I checked an ...

  5. ASP.NET MVC 学习笔记之面向切面编程与过滤器

    AOP(面向切面)是一种架构思想,用于把公共的逻辑放到一个单独的地方,这样就不用每个地方都写重复的代码了.比如程序中发生异常,不用每个地方都try…catch 只要在Golbal的Applicatio ...

  6. Redux DevTools Extension 的使用

    网址  https://github.com/zalmoxisus/redux-devtools-extension 1.const composeEnhancers = window.__REDUX ...

  7. 并查集(Disjoint Set Union,DSU)

    定义: 并查集是一种用来管理元素分组情况的数据结构. 作用: 查询元素a和元素b是否属于同一组 合并元素a和元素b所在的组 优化方法: 1.路径压缩 2.添加高度属性 拓展延伸: 分组并查集 带权并查 ...

  8. js 循环json

    var json= { "Type": "Coding", "Height":100 }; for (var key in json) { ...

  9. 谈谈你对本次2018级ACM新手赛的体会

    第一次参加这类比赛,挺有趣的,在现场磨了四个小时也没有全写出来,收获还是挺大的,至少意识到自己是能做到这些的(笑 今后也会多多努力

  10. Android onActivityResult()运行时刻的问题

    今天在开发过程中遇到一个很是怪异的问题,就是方法onActivityResult的执行问题,问题是当我从当前的Activity跳转的时候,尚未做任何动作,onActivityResult()就已经执行 ...