Exploring Javascript's Standard Object: A Guide to Retrieving Two Elements

Question

Exploring Javascript's Standard Object: A Guide to Retrieving Two Elements

If I have a special data object:


 var data = [];

 data["Name"] = ["Janet", "James", "Jean", "Joe", "John"];
 data["Number"] = [25, 22, 37, 19, 40];

Let's say I'm looking for the minimum number value, which is '19' in this case.

How can I retrieve and display the Name associated with this minimum number value? And how about the Name associated with the maximum value?

Is there a way to return two elements simultaneously and determine if they are related to each other?

I attempted using indexOf(), but it seems methods like that don't work as expected on Standard Objects. I am still learning Javascript, so any help would be greatly appreciated.

EDITED: Just realized I forgot to put square brackets around the arrays...

javascript arrays object associative-array

Answer 1

Answer №1

Utilize the Math.max.apply method to retrieve the largest value from the array, and employ Array#indexOf to obtain the index of the largest number

var data = {}; //Initialize it as object

data["Name"] = ["Janet", "James", "Jean", "Joe", "John"];
data["Number"] = [25, 22, 37, 19, 40];

var max = Math.max.apply(null, data["Number"]);
console.log(max);
console.log(data["Name"][data["Number"].indexOf(max)]);
//-----------------------^^^^^^^^^^^^^^^^^^^^^^^^^^^To get the index of largest number

Answer 2

Utilize the Math.max.apply method to retrieve the largest value from the array, and employ Array#indexOf to obtain the index of the largest number

var data = {}; //Initialize it as object

data["Name"] = ["Janet", "James", "Jean", "Joe", "John"];
data["Number"] = [25, 22, 37, 19, 40];

var max = Math.max.apply(null, data["Number"]);
console.log(max);
console.log(data["Name"][data["Number"].indexOf(max)]);
//-----------------------^^^^^^^^^^^^^^^^^^^^^^^^^^^To get the index of largest number

Answer 3

Answer №2

Here is an alternate solution that utilizes the ES6 Array.prototype.find() method:

// Finding the maximum number
var index = data["Number"].indexOf(Math.max.apply(null, data["Number"])),
    nameWithMax = data["Name"].find((value, i) => i === index);
console.log(nameWithMax);  // Outputs "John"

Answer 4

Here is an alternate solution that utilizes the ES6 Array.prototype.find() method:

// Finding the maximum number
var index = data["Number"].indexOf(Math.max.apply(null, data["Number"])),
    nameWithMax = data["Name"].find((value, i) => i === index);
console.log(nameWithMax);  // Outputs "John"

Exploring Javascript's Standard Object: A Guide to Retrieving Two Elements

Answer №1

Answer №2

Similar questions

What are the steps to calculate the sum and product of values extracted from TextViews within a ListView, and then showcase the results

Using jQuery, Ajax, and HTML together can create dynamic

Having trouble with the functionality of expanding rows in Kendo grid

Retrieve information from child components and populate form fields

Is there a way to display customized values on a particular column in a Vuetify table?

"Enhancing User Experience with AngularJS by Dynamically Modifying and Refresh

Adjust the class based on the model's value in AngularJS

Exploring ways to check async calls within a React functional component

What is preventing HTML from triggering JavaScript when loaded inside a <div> with a script?

Efficiently handle user authentication for various user types in express.js with the help of passport.js

Unravel the base64 encoded message from JavaScript and process it in Python

Tips for applying a jQuery class when the page is both scrolled and clicked

Unable to delete element from the given array

Having trouble accessing the information stored in the Firebase Database?

I keep encountering a 404 error page not found whenever I try to use the useRouter function. What could

Unique style pattern for parent links with both nested and non-nested elements

Creating a Multidimensional Dynamic Array: A Step-by-Step Guide

"Apply a class to a span element using the onClick event handler in JavaScript

Utilize the Webstorm debugger in conjunction with node.js for seamless debugging

Discover the technique for splitting a string using jQuery with multiple strings as separators