'Loop through array of objects, if value exists, return another value

With the information below I am trying loop through cards, if there is a nested object of helper, return that objects title. But am either receiving undefined or errors. I was thinking maybe reduce would be viable here?

Sample Array:

cards: [
    0: {
        title: 'Something',
        logo: 'logo link here',
    },
    1: {
        title: 'Something 2',
        logo: 'logo link here',
        helper: {
            text: 'helper text',
        },
    },
    2: {
        title: 'Something 3',
        logo: 'logo link here',
    },
]

code:

cards.filter((item) => {
    if (item.helper) setHelperActive({...helperActive, item.title: true}) 
})

javascript reactjs

Solution 1:^[1]

let cards = [
    {
        title: 'Something',
        logo: 'logo link here',
    },
    {
        title: 'Something else',
        logo: 'logo link here',
        helper: {
            text: 'helper text',
        },
    },
    {   
        title: 'Something',
        logo: 'logo link here',
    },
    {
        title: 'Lorem Epsum',
        logo: 'logo link here',
        helper: {
            text: 'helper text',
        },
    }
]

let filtered = []

for(let i = 0; i < cards.length; i++) {
    if(cards[i].helper) {
        filtered.push(cards[i].title)
    }
}
console.log(filtered);

Solution 2:^[2]

the solution is to use map not filter should be like this: var titles = cards.map(card=>{ return card.title })

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1
Solution 2	Aymen Ben Salah

'Loop through array of objects, if value exists, return another value

Solution 1:[1]

Solution 2:[2]

Sources

Related Questions

Solution 1:^[1]

Solution 2:^[2]