<!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判断某文件夹下是否存在xxx开头的字符串

    Usage: bash judge_prefix_string.sh TARGET_DIR TARGET_STR #!/bin/bash TARGET_DIR=$1 TARGET_STR=$2 ls ...

  2. Java中的宏变量，宏替换详解。

    群友在微信群讨论的一个话题,有点意思,特拿出来分享一下. 首先来看下面这段程序,和群友分享的大致一样. public static void main(String[] args) { String ...

  3. su 和 su - 命令有何不同

    su命令和su -命令最大的本质区别就是:前者只是切换了root身份,但Shell环境仍然是普通用户的Shell:而后者连用户和Shell环境一起切换成root身份了.只有切换了Shell环境才不会出 ...

  4. Arcpy里莫名其妙的字段类型（Field type）

    对比6个常用的字段数据类型在Arcpy字段创建与字段属性输出时奇怪的事情: 添加字段使用arcpy.AddField_management: # addfield 的 type参数 # 浮点型,Flo ...

  5. CSS3 动画Animation的8大属性

    animation复合属性.检索或设置对象所应用的动画特效. 如果有多个属性值时以","隔开,适用于所有元素,包含伪对象:after和:before 1.animation-nam ...

  6. layui的layer独立版报错“TypeError: i is not a function”的解决

    折腾良久发现是引入jQuery顺序的问题. jQuery必须在layer引入之前引入.

  7. 【NIO】MappedByteBuffer-内存映射文件 I/O

    操作系统会在负责执行映射,用于操作大文件 java io操作中通常采用BufferedReader,BufferedInputStream等带缓冲的IO类处理大文件:java nio中引入了一种基于M ...

  8. 1245. Tree Diameter

    解题思路:本题是一道图的题目,但是无向图,给定的输入是图的各个边,题目中给出一个关键信息(Each node has labels in the set {0, 1, ..., edges.lengt ...

  9. Python 内置模块：os模块

    Python os模块包含普遍的操作系统功能.如果你希望你的程序能够与平台无关的话,这个模块是尤为重要的.(一语中的) 二.常用方法 1.os.name 输出字符串指示正在使用的平台.如果是windo ...

  10. PHP导出excel word的代码

    php导出为word原理 一般,有2种方法可以导出doc文档,一种是使用com,并且作为php的一个扩展库安装到服务器上,然后创建一个com,调用它的方法.安装过office的服务器可以调用一个叫wo ...