Retrieve the corresponding value from the array based on the input value

Question

Retrieve the corresponding value from the array based on the input value

I have an array that looks like this:

var daysArray = [
    { DayValue: '10D', DayDisplay: '10' },
    { DayValue: '20D', DayDisplay: '20' },
    { DayValue: '30D', DayDisplay: '30' }
]

Now, there is code that does the following.

var selectedDay = getDayDetails('10D')

This code retrieves the value '10D' and checks for its corresponding DayDisplay in the daysArray.

The expected final value of selectedDay is '10'

Similarly, if

var selectedDay = getDayDetails('20D')

, I would expect the final value to be '20'

Could someone please explain how to achieve this?

javascript angularjs arrays loops underscore.js

Answer 1

Answer №1

Employ a filtering method:

function extractDayInfo (input) {
    if(extractDay.length) {
        var result = extractDay.filter(function(selected){
            return selected.DayValue === input;
        });
        if(result.length) return result[0].DayDisplay;
        else return null;
    } else return null;
}

Answer 2

Employ a filtering method:

function extractDayInfo (input) {
    if(extractDay.length) {
        var result = extractDay.filter(function(selected){
            return selected.DayValue === input;
        });
        if(result.length) return result[0].DayDisplay;
        else return null;
    } else return null;
}

Answer 3

Answer №2

Using _.find is the recommended method for solving this problem

function extractDayInfo(input){
    return _.find(dayInformation,{'day':input});
}
function displayDayInfo(input){
    return _.find(dayInformation,{'name':input});
}

LIVE DEMO

Answer 4

Using _.find is the recommended method for solving this problem

function extractDayInfo(input){
    return _.find(dayInformation,{'day':input});
}
function displayDayInfo(input){
    return _.find(dayInformation,{'name':input});
}

LIVE DEMO

Answer 5

Answer №3

Easy peasy:

function retrieveDay(dayValue) {
    const selectedDay = daysArray.find(d => d.DayNumber === dayValue);
    return selectedDay && selectedDay.DayName;
}

Answer 6

Easy peasy:

function retrieveDay(dayValue) {
    const selectedDay = daysArray.find(d => d.DayNumber === dayValue);
    return selectedDay && selectedDay.DayName;
}

Answer 7

Answer №4

If I'm interpreting your inquiry correctly, there are various approaches to achieve this task. One of the simpler (though not necessarily optimal) methods would involve using a FOR loop to iterate through the array and evaluate the object's properties at each index until finding the correct one.

An example implementation might look like this:

function findDayDetails (value) {
    for (var index in daysArray) {
        if (daysArray[index].dayValue === value) return daysArray[index].dayDisplay;
    }
}

This function could likely be refined further, but it should provide a starting point based on what you're looking for.

Answer 8

If I'm interpreting your inquiry correctly, there are various approaches to achieve this task. One of the simpler (though not necessarily optimal) methods would involve using a FOR loop to iterate through the array and evaluate the object's properties at each index until finding the correct one.

An example implementation might look like this:

function findDayDetails (value) {
    for (var index in daysArray) {
        if (daysArray[index].dayValue === value) return daysArray[index].dayDisplay;
    }
}

This function could likely be refined further, but it should provide a starting point based on what you're looking for.

Retrieve the corresponding value from the array based on the input value

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

Utilizing Node.js and Express to create router instances integrated with a database functionality

Exploring the process of retrieving a pre-defined array within AngularJS

The Kendo Refresh function (DropDownList.refresh()) is malfunctioning due to the error of being undefined

Implementing a color change for icons in React upon onClick event

Unable to access URLs manually

Automate Browsing: Iterating Through Webdrivers in Python

Issues arising from TypeScript error regarding the absence of a property on an object

Is there a way to dynamically integrate the Insert Column feature into the ContextMenu of a Syncfusion Treegrid?

Trigger a jQuery function upon clicking a button

What benefits do Adobe Creative Cloud apps offer for developing interactive content in AEM?

The Angular application must remain logged in until it is closed in the browser

AngularJS: In order for ng-model to correctly bind, the child input directive must be compiled within the scope of its parent directive

When the form is submitted, the text input vanishes and then the page is refreshed using AJAX technology

Only trigger the onclick event once

Verify whether the elements of the first array are present in the second array, and display the results

Typescript declaration specifies the return type of function properties

Is there a way to access Yahoo mail inbox without the user interface?

Steps for extracting text from a web element1. Identify the specific web

What is the method to have the console display false when the phrases are not in the correct sequence? Node.js

Vue.js does not support the usage of external JSON files directly within HTML documents