My data is organized in the following structure:
var states = {
'alabama': { abbv:'AL', ec: 9, winner: 0},
'alaska': { abbv:'AK', ec: 3, winner: 0},
'arizona': { abbv:'AZ', ec: 11, winner: 0}
}
If I wanted to locate "Alaska" by searching for "AK", how could I accomplish that?
Loop through the state names (keys) and utilize the find function to find the correct state.
var states = {
'alabama': { abbv:'AL', ec: 9, winner: 0},
'alaska': { abbv:'AK', ec: 3, winner: 0},
'arizona': { abbv:'AZ', ec: 11, winner: 0}
}
const searchFor = "AK"
const foundState = Object.keys(states).find(stateName => {
return states[stateName].abbv === searchFor
})
console.log(foundState)
// => "alaska"
console.log(states[foundState])
// => { abbv:'AK', ec: 3, winner: 0}There are numerous ways to implement this functionality. Below is an example of a dynamic approach that takes a source, 'prop' (property), and a value as parameters:
function findObjectByProperty(source, prop, value) {
let item = Object.keys(source).filter(key => source[key][prop] === value);
if (item){
return source[item[0]];
}
return null;
}
let alaska = findObjectByProperty(states, 'abbv', 'AK'); // -> retrieve the object for Alaska from the states object!
Simply provide the arguments 'states', 'abbv', and 'AK' when calling the function.
I'm encountering an issue with applying validation for a datepicker in AJAX loaded content. The validation doesn't seem to work for the loaded content. Can someone please assist me with this? /Script/ function applyValidationForDatepicker(feest ...
I have been working on a language switcher feature in my Next.js project. The idea is to have three languages available, with the ability for the user to click on a language and have it become the active one, while moving the previously active language t ...
I am facing an issue with my responsive hamburger menu. It is not functioning correctly when clicked on. The menu should display the navigation links and switch icons upon clicking, but it does neither. When I remove the line "{open && NavLink ...
In my HTML, I have a select tag that I am populating using ng-repeat. <td> <select ng-model="item.data.region" style="margin-bottom: 2px;"> <option ng-repeat="region in vm.regions track by $index" value="{{region}}">{{region} ...
When attempting to create a dynamic variable name within an AngularJS foreach loop, I encountered the following issue: angular.forEach($scope.posts, function (item) { // counter increment counter++; var idPage = 'feed' + counter; ...
Here is a simplified Angular 1.5.x component example that I've set up in a jsfiddle: appModule.component('mainComponent', { controller: function() { var x = 0; this.broadcast = function() { this.onUpdate({ count: x++ ...
As I work on developing the checkout page for an e-commerce app, I encounter the need to display a list of OrderItems from the database, each with its price and quantity. These items can be selected and grouped together. Additionally, I must also include a ...
I am facing a challenge in using two Linq-to-SQL statements to retrieve data from a database and populate an array for use in a jQuery call. While I have been successful in returning one array as Json, I'm unable to fetch the second array, which holds ...
I am curious about the process of how the router object in express.js is passed to app.use(), which typically only accepts callbacks. Since router is an object of express, I am trying to understand why app.use() does not throw an error even though it req ...
As I work on developing a schedule app, it is necessary to sort items by both date and time simultaneously. In the current setup, the filtering only considers hours and minutes which is functional, but there is a need to also include dates in the sorting p ...
As someone who is fairly new to Angular.js, I am currently working on integrating it into my Node.js application. While I have successfully created a RESTful API using Angular for a single controller, I am now looking to utilize two or more controllers wi ...
My scene, camera, renderer, and CSS2DRenderer are created using this class. I am looking for a way to reset (delete and add again) my CSS2DRenderer in order to remove any previously rendered CSS2DObject. Can you guide me on how to achieve this properly? T ...
When a form is submitted, I am aiming to generate a fresh page each time. This new page will serve as an order status tracker that will be updated regularly. Essentially, my goal is for users to see a confirmation page for the form submission and have acce ...
I've been attempting to convert this JSON into JavaScript objects, but all my efforts have resulted in undefined values. The objects simply won't work as intended. Here is the code I'm using with the getStaticProps method to extract objects ...
Can you help me understand how to transform a string into an array of objects? let str = `<%-found%>`; let result = []; JSON.parse(`["${str}"]`.replace(/},{/g, `}","{`)).forEach((e) => ...
In the process of developing an ASP.NET MVC 5 application, I find myself faced with a dilemma. The current setup involves using the jQuery Validate plug-in that comes packaged with MVC applications. Upon clicking the "submit" button, jQuery Validate kicks ...
Struggling as a beginner in javascript, I find myself stuck on writing an If statement that triggers after the fourth turn. My goal is to have an alert pop up once the user has clicked on four options. The counter variable "turns" was added to track prog ...
After developing a 3D cube that moves on one axis simulating the accelerometer sensor, I encountered errors when attempting to replace it with a car mesh. The errors are persistent and related to object definitions: https://i.sstatic.net/iTbGI.png Even t ...
Recently, I attempted to create a login page with the following code: const loginForm = document.getElementById("login-form"); const loginButton = document.getElementById("login-form-submit"); const loginErrorMsg = document.getElementById("login-error-m ...
I am currently developing a web page that can combine multiple PNG images into one flat image for users to download. I am looking to incorporate a feature that allows for hue or color adjustments, similar to the color balance functionality in Photoshop. ...