Map object inside array in javascript?

Question

This is my array:

const array = [
    {
        "fare": "399.00",
        "passenger": {
            "age": "21",
            "gender": "MALE",
            "name": "Test1"
        },
    },
    {
        "fare": "399.00",
        "passenger": {
            "age": "21",
            "gender": "FEMALE",
            "name": "Test2"
        },
    }
]

How to map the object inside the array, and how to convert the object to the required output

Required output:

Test1(M), Test2(F)

Above contains "name" and gender - if its male then just "M" and if its female just "F"

As of now i tried,

array.map(o => ({ name: o.passenger.name, gender: o.passenger.gender })))

But how to convert this as expected output !

How do you know gender of Test2? To convert: o.passenger.name + '(' + (o.passenger.gender.substring(0, 1)) + ')' — Justinas
– Justinas, Commented Jan 25, 2021 at 8:09
Why is the required output Test1(M), Test2(M) if Test2 is female? — Thomas Sablik
– Thomas Sablik, Commented Jan 25, 2021 at 8:15

mplungjan · Accepted Answer · 2021-01-25 08:24:56Z

2

Like this

const array = [{ "fare": "399.00", "passenger": { "age": "21", "gender": "MALE", "name": "Test1" }, }, { "fare": "399.00", "passenger": { "age": "21", "gender": "FEMALE", "name": "Test2" }, } ];

const output = array
  .map(({passenger}) => `${passenger.name}(${passenger.gender.slice(0,1)})`)
  .join(", ")

console.log(output);

edited Jan 25, 2021 at 8:24

answered Jan 25, 2021 at 8:18

mplungjan

180k29 gold badges183 silver badges246 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Justinas · Accepted Answer · 2021-01-25 08:16:11Z

0

Simply loop your array and make new string:

const array = [
        {
            "fare": "399.00",
            "passenger": {
                "age": "21",
                "gender": "MALE",
                "name": "Test1"
            },
        },
        {
            "fare": "399.00",
            "passenger": {
                "age": "21",
                "gender": "FEMALE",
                "name": "Test2"
            },
        }
    ];
    
var states = array.map((o) => o.passenger.name + '(' + o.passenger.gender.substring(0, 1) + ')')

console.log(states);

answered Jan 25, 2021 at 8:16

Justinas

43.9k5 gold badges72 silver badges108 bronze badges

Comments

mplungjan · Accepted Answer · 2021-01-25 08:20:08Z

0

Is this the expected result you want?

const array = [{
  "fare": "399.00",
  "passenger": {
    "age": "21",
    "gender": "MALE",
    "name": "Test1"
  },
}, {
  "fare": "399.00",
  "passenger": {
    "age": "21",
    "gender": "FEMALE",
    "name": "Test2"
  },
}]

const passengers = array.map(o => {
  const gender = o.passenger.gender == 'MALE' ? 'M' : 'F';
  return o.passenger.name + '(' + gender + ')';
})

console.log(passengers.join(', ')); // Test1(M), Test2(F)

edited Jan 25, 2021 at 8:20

mplungjan

180k29 gold badges183 silver badges246 bronze badges

answered Jan 25, 2021 at 8:17

Pierre

1,2872 gold badges16 silver badges31 bronze badges

Comments

mplungjan · Accepted Answer · 2021-01-25 08:23:16Z

0

You can convert the objects to strings and join them

const array = [{ "fare": "399.00", "passenger": { "age": "21", "gender": "MALE", "name": "Test1" }, }, { "fare": "399.00", "passenger": { "age": "21", "gender": "FEMALE", "name": "Test2" }, } ]

const output = array.map(o => o.passenger.name + (o.passenger.gender === "MALE" ? "(M)" : "(F)")).join(', ')

console.log(output)

edited Jan 25, 2021 at 8:23

mplungjan

180k29 gold badges183 silver badges246 bronze badges

answered Jan 25, 2021 at 8:18

Thomas Sablik

16.5k7 gold badges38 silver badges69 bronze badges

Comments

Siva Kondapi Venkata · Accepted Answer · 2021-01-25 08:46:52Z

0

Use map and destructruing

const tests = (arr) =>
  arr
    .map(
      ({
        passenger: {
          gender: [G],
          name,
        },
      }) => `${name}(${G})`
    )
    .join(", ");

const array = [
  {
    fare: "399.00",
    passenger: {
      age: "21",
      gender: "MALE",
      name: "Test1",
    },
  },
  {
    fare: "399.00",
    passenger: {
      age: "21",
      gender: "FEMALE",
      name: "Test2",
    },
  },
];

console.log(tests(array));

answered Jan 25, 2021 at 8:46

Siva Kondapi Venkata

11.1k2 gold badges20 silver badges32 bronze badges

Collectives™ on Stack Overflow

Map object inside array in javascript?

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related