I am looking to retrieve the value of the property b from the object that has the highest value of the property a.
var myArr = [
{
a: 1,
b: 15
},
{
a: 2,
b: 30
}
];
Although I attempted the following code, it currently only returns the highest value of a, rather than b.
var res = Math.max.apply(Math,myArr.map(function(o){return o.a;});
var blah = getByValue(myArr);
To find the object with the highest value for property a, you can utilize the Array#reduce method:
var myArr = [{"a":5,"b":20},{"a":3,"b":40}];
var result = myArr.reduce(function(obj1, obj2) {
return obj1.a > obj2.a ? obj1 : obj2;
}).b;
console.log(result);Sorting a copied array and retrieving either the first or last element based on the sorting order:
let data = [
{
key: 1,
value: 100
},
{
key: 2,
value: 200
}
];
let sortedData = data.slice().sort((a, b) => a.key - b.key);
let firstElement = sortedData.shift().value;
let lastElement = sortedData.pop().value;
console.log(firstElement, lastElement);To find the element with the highest a value in an array and retrieve its corresponding b value, you can utilize the .reduce() method as demonstrated below:
var sampleArray = [{
a: 1,
b: 15
},
{
a: 2,
b: 30
}
];
var maximumElement = sampleArray.reduce(function(previousValue, currentValue) {
return (previousValue.a > currentValue.a) ? previousValue : currentValue;
}, sampleArray[0]);
console.log(maximumElement.b);Alternatively, you can take a more unconventional approach by using .sort() to arrange the array based on the property a in descending order and then access the b value of the first element, like this:
var exampleArray = [{
a: 1,
b: 15
},
{
a: 2,
b: 30
}
];
var maxElement = exampleArray.sort(function(valueA, valueB) {
return valueA.a < valueB.a;
})[0];
console.log(maxElement.b);Give this a try:
let numbers = [
{
x: 2,
y: 12
},
{
x: 5,
y: 25
}
];
let results = numbers.map(function(obj){return obj.y;});
numbers.sort(function (a, b) {
return a.x < b.x;
})
console.log(numbers[0].y);
Working on a Rails app view, I am attempting to use JavaScript to determine the screen size and display different content based on that information. This is what I currently have: <script> if( $(window).width() < 1000){ '<%= @resize = t ...
Show me what you’ve got: function initialize() { var board = createCanvas(960,540); board.parent("drawingPad"); background('white'); var textbox = createInput(); textbox.position(10,10); textbox.parent("drawingPad"); } I’ve cre ...
Utilizing Angular's ng-init to populate a rest call function and populate $scope.races before filling up the dropdown. Initially, everything appears to be working correctly. However, upon selecting an option from the dropdown menu, it immediately cle ...
For my first web application project with React, I am considering using Material-UI to get component source codes that I can customize. However, I also want to include an HTML/CSS template from Bootstrap to help set up the overall structure of my webpage ...
$info = mysqli_query("SELECT * FROM customers"); After retrieving the data from MySQL, it is now stored in the variable called $info. My goal is to organize this information into an array and then return it. $info_array = mysqli_fetch_assoc($info); The ...
Currently, I am working on an effect that involves overlapping images. The idea is that when a bar is clicked and dragged, the image underneath should reveal by adjusting its width. While my code functions, there are some glitches present. One issue is tha ...
Encountering an issue with initializing Warrior Objects in my main function Below is the code for my Warrior Class: class Warrior{ public: Warrior(const string& input_name, int& input_strength) :name(input_name), strength(input_strength) {}; st ...
After receiving my ajax response successfully, I want to redirect to a new aspx page where there are 30 input type text controls. My goal is to populate all the values in those controls. How can I achieve this? Any suggestions? This is what I have attempt ...
How can I validate a popup form using jQuery and Javascript with a normal button instead of a submit button? The validation should mark empty fields with a red border box and display 'This field is empty' message. Additionally, the form data need ...
My question may be a bit complex, but those with expertise will likely grasp what I am trying to inquire about. The JQuery code snippet below is responsible for submitting a form and displaying validation results from the destination page: submitHandler ...
There are a total of three buttons on my page. Each button, when clicked, should display the number of the button in a <span> element. <button>1st button</button> <button>2nd button</button> <button>3rd button</butto ...
I am currently working on an application that relies on SignalR for communication with a desktop application. In order to make use of SignalR, I include jQuery in my .ts file. However, after migrating from Angular 7 to Angular 8, it appears that this setup ...
Can anyone help me figure out why the image is not aligning properly? Here is the output: https://i.sstatic.net/aociQ.jpg Below are my code snippets: $fpdf->Cell(65,30,$fpdf->Image('assets/images/qrcodes/qrcodse.png', $fpdf-> ...
I am currently working on developing a switch toggle component in Vue that includes a v-model and @updated. However, I am encountering difficulties when trying to update the model once the user toggles the switch. Initially, I faced an issue regarding muta ...
In the process of developing a node.js project, I am adhering to the class constructor pattern as shown below: function my_class(x,y){ this.x = x; this.y = y; } The foundation of the project lies within the main.js file. It is imperative that any ...
Looking to validate this in JavaScript. I need to input something like the following: var validdate = ^([0]?[1-9]|[1|2][0-9]|[3][0|1])[./-]([0]?[1-9]|[1][0-2])[./-]([0-9]{4}|[0-9]{2})$; Currently receiving an "expected expression" error in VS. Any ideas ...
Usually, I have no trouble finding solutions to my problems, but this time I'm really stuck - and I apologize in advance if my question seems silly or trivial. I am currently working on a simple React app where I need to set a background image for th ...
I am facing a challenge in achieving complete test coverage for my react app. Specifically, I am encountering difficulties with Jest when attempting to test the callback event parameters from material UI components. My attempt to cover the onClose paramet ...
Having trouble populating my chart with data from the API. Despite setting extraOptions for my chart, it defaults to default options when rendered. Here is the component code: import { Bar, mixins } from 'vue-chartjs'; export default { name: ...
I'm struggling to make my audio-player resize properly to fit the full width of my page. I can't seem to figure out what I'm missing or doing wrong... (Current Look) https://i.sstatic.net/tEtqA.png I'm attempting to utilize HTML cust ...