I have a simple function that is filtering an array.

I only want the string value, not the entire object.

Why is the entire object coming back and not just the string?

I get the desired output if I switch the return to a console.log()

Any ideas?

Here is the code

 const Array2 = [

        { header: 'First name', HeaderIndex: 0},

        { header: 'Last name', HeaderIndex: 1},

        { header: 'Company', HeaderIndex: 2},

        { header: 'Favorite food', HeaderIndex: 3},

        { header: 'Favorite color', HeaderIndex: 4},

    ]



const testing = Array2.filter((obj) => { if(obj.HeaderIndex === 1) { return obj.header } } )



console.log(testing)



// gives undesired output



[{…}]

0: {header: 'Last name', HeaderIndex: 1}

length: 1

[[Prototype]]: Array(0)







const testing = Array2.filter((obj) => { if(obj.HeaderIndex === 1) { console.log(obj.header)} } )



// gives desired output



"Last name"

my problematic output is below, I just want to return the string

[{…}]

0: {header: 'Last name', HeaderIndex: 1}

length: 1

[[Prototype]]: Array(0)

Update*

I accepted the answer from Mayur because it solved my problem in a bigger use case. Here is my bigger use case below where I needed to merge these two arrays depending on Array1 index needing to match HeaderIndex from Array2

const Array1 = [ 

    ['Alex', 'Boe', 'MeowWolf', 'pizza', 'pink'],

    ['Arron', 'Coe', 'Kmart', 'tofu', 'purple'],

    ['Jane', 'Doe', 'Sears', 'tacos', 'orange'],

    ['John', 'Eoe', 'YugiOh', 'blueberries', 'magenta'],

    ['Suzie', 'Boe', 'Toyota', 'steroids', 'blue']

    ]

    

    

    const Array2 = [

        { header: 'First name', HeaderIndex: 0},

        { header: 'Last name', HeaderIndex: 1},

        { header: 'Company', HeaderIndex: 2},

        { header: 'Favorite food', HeaderIndex: 3},

        { header: 'Favorite color', HeaderIndex: 4},

    ]



const testResult = Array1.map((arr) => arr.map((string) => { return  {"ChosenHeader": Array2.filter((obj) => obj.HeaderIndex === arr.indexOf(string))[0]?.header, "content": string}} ))



console.log(testResult)





// desired output





[



0: {ChosenHeader: 'First name', content: 'Alex'}

1: {ChosenHeader: 'Last name', content: 'Boe'}

2: {ChosenHeader: 'Company', content: 'MeowWolf'}

3: {ChosenHeader: 'Favorite food', content: 'pizza'}

4: {ChosenHeader: 'Favorite color', content: 'pink'}



]