1，获取数组中对象内部的数值最大与最小值多功能版

多功能代码：

data.sort(function(a,b){
         return b.age-a.age;
 })

console.log(data);

解析：该部分代码的多功能部分在，可以有效的解决大小排列及从小向大或者从大向小之间的排列，同时也能把相同栏的显示出来，有助于获取下面相同部分的数值元素，在工作中比较常用的方法；

案例解析如下：

通过下面的解析，可以更好的了解上面的多功能代码及多种计算可得获取数组中对象内部的数值最大与最小的方法；

案例：

 输出下列数组中最大的学生的信息，和最小年龄的学生信息。
  例：var data= [
                 {realname:"张三",age:19},
                 {realname:"李四",age:20},
                 {realname:"王五",age:28},
                   {realname:"张三",age:19},
                  {realname:"王五",age:28},
                 {realname:"赵六",age:21},
             ]

解答：第一种方法：

    var temp;
            var max=data[0];
            var min=data[0];

//求最大值
            // for(var i=0;i<data.length;i++){
            //          if(max.age<data[i].age){
            //              max=data[i];
            //          }
            //     }
            // console.log(max);
            //最小值
            // for(var i=0;i<data.length;i++){
            //     if(min.age>data[i].age){
            //         min=data[i];
            //     }
            // }
            // console.log(min);

第二种解答方法：

    // data.sort(function(a,b){
            //     return b.age-a.age;
            // })

console.log(data);

若有相同部分的数值那么有以下部分组成，可以获取大小相同部分的共同值：

    //存储变量
            var maxs = [];
            var mins = [];
            data.sort(function(a, b) {
                return b.age - a.age;
            })

            //这里定义的是存储第一个值与最后一个值
            min = data[0];
            max = data[data.length - 1]

            //下面的for循环是控制相同的两个数值排列及添加至末尾
            for (var i = 0; i < data.length; i++) {
                if (max.age == data[i].age) {
                    maxs.push(data[i]);
                }
                if (min.age == data[i].age) {
                    mins.push(data[i]);
                }
            }
            console.log(maxs, mins);

2， 点名系统完整版：

css部分：

	#text {
				width: 50%;
				height: 500px;
				margin: 200px auto;
				background-color: orangered;
			}

			.box {
				width: 200px;
				height: 30px;
				text-align: center;
				margin-left: 42%;
				background-color: #fff;
			}

			.bot {
				margin-left: 50%;
			}

HTML内容部分：

<!-- <div id="text">
            <div class="box"></div>
            <button class="bot">开始</button>
        </div> -->

js内容部分：

	// var arr=['张三','李四','王五','张良','李良妹'];
			// var temp=document.querySelector('.box');
			// var bot=document.querySelector('.bot');
			// var flag=false;
			// bot.addEventListener('click',function(){
			//      flag=!flag;
			// 	var top=setInterval(function(){
			// 	if(flag){

			// 		function getRandom(min,max){  //随件选择公式
			// 			   return Math.floor(Math.random()*(max-min))+min;
			// 			 }
			// 		temp.innerHTML=arr[getRandom(0,5)];
			// 		 bot.innerHTML='暂停';
			// 	}else{
			// 		  clearInterval(top);
			// 		  bot.innerHTML='开始';
			// 	}
			// 	},50)
			// })

最终实现效果：