What is the most efficient way to retrieve the two smallest numbers using jQuery?

Question

What is the most efficient way to retrieve the two smallest numbers using jQuery?

I am trying to find the two smallest numbers out of a set of three, and then I want to display them on the screen. In PHP, we usually use echo to display values on the screen. However, with this code snippet, I am only able to get one smallest value instead of both. How can I modify it to display both of the smallest numbers on the web page?

<script type="text/javascript">
  var a = 5;
  var b = 4;
  var c = 6;
  var d = Math.min(a,b,c);
</script>

Therefore, the expected output should be "First smallest: 4" and "Second smallest: 5".

I aim to store these first and second lowest values in different variables like var first = 4 and var second = 5, and then display them using PHP code <?php echo $first;?> and <?php echo $second ; ?>.

jquery html css

Answer 1

Answer №1

let x = 4; // select the minimum number
let numbers = [4,6,7,9], result=[];
let minNum;
for(i=0;i< x;i++){
    minNum = Math.min.apply(Math,numbers); 
    result.push(minNum);
    numbers.splice(numbers.indexOf(minNum), 1);
}
alert(result);

JS Bin link

Answer 2

let x = 4; // select the minimum number
let numbers = [4,6,7,9], result=[];
let minNum;
for(i=0;i< x;i++){
    minNum = Math.min.apply(Math,numbers); 
    result.push(minNum);
    numbers.splice(numbers.indexOf(minNum), 1);
}
alert(result);

JS Bin link

Answer 3

Answer №2

Here is a simple way to achieve this using pure JavaScript:

Start by sorting the array of numbers and then iterate over it to find the required values

function FindLowestAndSecondLowest(arr)
{
  arr.sort(function(a, b) {
    return a - b;
  });
  
  var uniqueValues = [arr[0]];
  var result = [];
  
  for(var i=1; i < arr.length; i++)
  {
    if(arr[i-1] !== arr[i])
    {
      uniqueValues.push(arr[i]);
    }
  }
  
  result.push("Lowest: " + uniqueValues[0], "Second Lowest: " + uniqueValues[1]);

  return result.join(' & ');
}

document.write(FindLowestAndSecondLowest([4, 5, 6]));

Answer 4

Here is a simple way to achieve this using pure JavaScript:

Start by sorting the array of numbers and then iterate over it to find the required values

function FindLowestAndSecondLowest(arr)
{
  arr.sort(function(a, b) {
    return a - b;
  });
  
  var uniqueValues = [arr[0]];
  var result = [];
  
  for(var i=1; i < arr.length; i++)
  {
    if(arr[i-1] !== arr[i])
    {
      uniqueValues.push(arr[i]);
    }
  }
  
  result.push("Lowest: " + uniqueValues[0], "Second Lowest: " + uniqueValues[1]);

  return result.join(' & ');
}

document.write(FindLowestAndSecondLowest([4, 5, 6]));

Answer 5

Answer №3

To locate the highest value in an array and remove it, follow these steps:

var x = 10, y = 15, z = 8;
var arr = [];
arr.push(x, y, z);
var highest = Math.max(x, y, z);
arr.splice(arr.indexOf(highest), 1);
var low1 = arr[0];
var low2 = arr[1];

Answer 6

To locate the highest value in an array and remove it, follow these steps:

var x = 10, y = 15, z = 8;
var arr = [];
arr.push(x, y, z);
var highest = Math.max(x, y, z);
arr.splice(arr.indexOf(highest), 1);
var low1 = arr[0];
var low2 = arr[1];

What is the most efficient way to retrieve the two smallest numbers using jQuery?

Answer №1

Answer №2

Answer №3

Similar questions

Issues with loading JavaScript files

Exploring outside iframe data

Refreshing jQuery Event Bindings After Ajax Update (Using UpdatePanel)

Tally the quantity of data points within jQuery Datatables

Resetting input field based on callback function

if a user does not click on an element in jQuery

Obtain a compilation of items present in every tier of nesting

Getting a portion of a href link in Java using Selenium

The header, main content, and footer sections expand to occupy the entire page

Guide on updating and storing changes in a JSON file named 'file.json' using jQuery or JavaScript

Customizing the hover color of text in Bootstrap 5

When the screen size decreases, display the title on two lines

Can the position of the popover be customized using the right and top properties?

Retrieve the element's ID based on its class identifier

Methods to maintain the select2 dropdown event open while interacting with another select2 dropdown

Ways to guide users through a single-page website using the URL bar

Tips for concealing overlay when the cursor hovers

Android Gmail Application: Implementing 1px horizontal spacing between inline images placed within <td> tags

Loading CSS files conditionally in Angular2's index.html

Manipulating form values by addition, subtraction, and real-time updates