<!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. shell-#！

    当shell执行一个程序时,会要求UNIX内核启动一个新的进程,以便在该进程里执行所指定的程序. 当系统只有一个shell时,退回到/bin/sh 的机制非常方便,但现行的UNIX系统都会拥有好几个s ...

  2. MUI对话框使用

    一.alert告警框 用法 .alert(message,title,btnvalue,callback[,type]); document.getElementById("noclick& ...

  3. tushare下载安装教程与版本更新步骤

    使用前提 安装Python 安装pandas:pip install pandas 安装lxml:pip install lxml 下载安装 方式1:pip install tushare,如果安装网 ...

  4. 集中式日志系统 ELK 协议栈详解

    简介 在我们日常生活中,我们经常需要回顾以前发生的一些事情:或者,当出现了一些问题的时候,可以从某些地方去查找原因,寻找发生问题的痕迹.无可避免需要用到文字的.图像的等等不同形式的记录.用计算机的术语 ...

  5. 32-python基础-python3-列表永久排序方法-sort()方法

    1-数值的列表或字符串的列表,能用 sort()方法排序. 实例1: 实例2: 2-可以指定 reverse 关键字参数为 True,让 sort()按逆序排序. 实例1: 3-关于 sort()方法 ...

  6. 18-vim-插入命令

    在vi中除了常用的i进入编辑模式外,还提供了以下命令同样可以进入编辑模式: 命令 英文 功能 使用频率 i insert 在当前字符前插入文本 常用 I insert 在行首插入文本 较常用 a ap ...

  7. Python变量空间

    a==b的时候a和b指向同一个ID,然后a重新赋值后a指向另一个ID 那么这样的话,变量(a...)不就是数据空间"123"的引用了吗(其实在Python中这才是正确的说法)

  8. 理解 Activity.runOnUiThread

    在开发 Android 应用的时候我们总是要记住应用主线程. 主线程非常繁忙,因为它要处理绘制UI,响应用户的交互,默认情况下执行我们写下的大部分代码. 好的开发者知道他/她需要将重负荷的任务移除到工 ...

  9. Apache Hadoop集群离线安装部署(三)——Hbase安装

    Apache Hadoop集群离线安装部署(一)——Hadoop(HDFS.YARN.MR)安装:http://www.cnblogs.com/pojishou/p/6366542.html Apac ...

  10. NFS(网络文件系统）

    NFS(网络文件系统) 1.关于NFS介绍 1.1NFS在企业中的应用场景 在企业集群架构的工作场景中,NFS网络文件系统一般被用来存储共享视频,图片,附件等静态资源文件,通常网站用户上传的文件都会放 ...