1, Get the maximum and minimum values of the internal values of the objects in the array

Multi function code ：

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

console.log(data);

analysis ： The multifunctional part of this part of the code is , It can effectively solve the size arrangement and the arrangement from small to large or from large to small , At the same time, it can also display the same column , It is helpful to get the numerical elements in the same part below , Methods commonly used in work ;

The case analysis is as follows ：

Through the following analysis , You can better understand the above multi-function code and various calculations, and you can get the method to obtain the maximum and minimum values inside the object in the array ;

Case study ：

  Output the information of the largest student in the following array , And the youngest student information .
   example ：var data= [
                 {realname:" Zhang San ",age:19},
                 {realname:" Li Si ",age:20},
                 {realname:" Wang Wu ",age:28},
                   {realname:" Zhang San ",age:19},
                  {realname:" Wang Wu ",age:28},
                 {realname:" Zhao Liu ",age:21},
             ]

answer ： The first method ：

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

// For maximum
            // for(var i=0;i<data.length;i++){
            //          if(max.age<data[i].age){
            //              max=data[i];
            //          }
            //     }
            // console.log(max);
            // minimum value
            // for(var i=0;i<data.length;i++){
            //     if(min.age>data[i].age){
            //         min=data[i];
            //     }
            // }
            // console.log(min);

The second solution ：

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

console.log(data);

If there are values of the same part, then there are the following parts , You can get the common value of parts of the same size ：

    // Storage variable
            var maxs = [];
            var mins = [];
            data.sort(function(a, b) {
                return b.age - a.age;
            })

            // What is defined here is to store the first value and the last value
            min = data[0];
            max = data[data.length - 1]

            // Below for Loop is to control the same arrangement of two values and add them to the end
            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, Full version of roll call system ：

css part ：

	#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 The content part ：

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

js The content part ：

	// var arr=[' Zhang San ',' Li Si ',' Wang Wu ',' Zhang Liang ',' Li Liangmei '];
			// 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){  // Select the formula with the piece 
			// 			   return Math.floor(Math.random()*(max-min))+min;
			// 			 }
			// 		temp.innerHTML=arr[getRandom(0,5)];
			// 		 bot.innerHTML=' Pause ';
			// 	}else{
			// 		  clearInterval(top);
			// 		  bot.innerHTML=' Start ';
			// 	}
			// 	},50)
			// })

Final effect ：