我如何从嵌套数组中获取数据并得到结果

Question

const source = [
    {
      id: "1",
      data: {
          first_name: "Rian",
          last_name: "Nugraha"
      },
      school: {
        id: "1",
        data: "PLMK-JKT"
      },
    },
    {
      id: "2",
      full_name: "Ari Santoso",
      school: {
        id: "1",
        short_name: "GRSR",
        data: "JKT"
      },
    },
    {
      id: "3",
      data: {
        first_name: "Rahman",
        last_name: "Sunggara"
    },
    school: {
        id: "1",
        short_name: "GELM",
        data: "JKT"
      },
    },
    {
        id: "4",
        data: {
            first_name: "Rian",
            last_name: "Nugraha"
        },
        school: {
            id: "2",
            data: "PLMK-BDG"
        },
    },
  ]

so, I want to combine first_name and last_name into fullname of the nested array or combine short_name and data in school nested array but always undefined, the result like below:

{ name: 'Rian Nugraha', school_name: 'PLMK-JKT }

Answer 1

Here how to access array @ element (0) and combine first and last names

var fullName = source[0].data.first_name + " " + source[0].data.last_name;

To add school:

var fullNameAndSchool = source[0].data.first_name + " " + source[0].data.last_name + " is from school " + source[0].school.data;

Answer 2

Did using a ternary operator

 const source = [ { id: "1", data: { first_name: "Rian", last_name: "Nugraha" }, school: { id: "1", data: "PLMK-JKT" }, }, { id: "2", full_name: "Ari Santoso", school: { id: "1", short_name: "GRSR", data: "JKT" }, }, { id: "3", data: { first_name: "Rahman", last_name: "Sunggara" }, school: { id: "1", short_name: "GELM", data: "JKT" }, }, { id: "4", data: { first_name: "Rian", last_name: "Nugraha" }, school: { id: "2", data: "PLMK-BDG" }, }, ] const resArray = source.map((el) => { let name = el.data? (el.data.first_name+" "+el.data.last_name): el.full_name; let school_name = el.school.short_name? (el.school.short_name+" "+el.school.data): el.school.data; const result = { name: name, school_name: school_name } return result; }) console.log(resArray)

Answer 3

const result = source.map(({data, school, full_name}) => { return {name: (typeof data) === "undefined" ? full_name : `${data.first_name + " "+ data.last_name}`, school_name: school.hasOwnProperty("short_name") ? `${school.short_name + " "+ school.data}` : school.data}; }); console.log(result); /*[ { name: 'Rian Nugraha', school_name: 'PLMK-JKT' }, { name: 'Ari Santoso', school_name: 'GRSR JKT' }, { name: 'Rahman Sunggara', school_name: 'GELM JKT' }, { name: 'Rian Nugraha', school_name: 'PLMK-BDG' } ]*/

Answer 4

This should help provide an example of how to get what you need.

const mapfunc = o => ({
  name: `${o.data.first_name} ${o.data.last_name}`,
  school_name: o.school.data
});

source.map(mapfunc);

See documentation for Array.prototype.map and string templates.

Answer 5

if you need first name and last name you can use map method to check each array object and get the specified value using if conditions..

 const source = [ { id: "1", data: { first_name: "Rian", last_name: "Nugraha" }, school: { id: "1", data: "PLMK-JKT" }, }, { id: "2", full_name: "Ari Santoso", school: { id: "1", short_name: "GRSR", data: "JKT" }, }, { id: "3", data: { first_name: "Rahman", last_name: "Sunggara" }, school: { id: "1", short_name: "GELM", data: "JKT" }, }, { id: "4", data: { first_name: "Rian", last_name: "Nugraha" }, school: { id: "2", data: "PLMK-BDG" }, }, ] source.map((sources) =>{ if(sources.data){ if(sources.data.first_name && sources.data.last_name ) { console.log(sources.data.first_name+" "+sources.data.last_name) } } } )

Answer 6

 const source = [ { id: "1", data: { first_name: "Rian", last_name: "Nugraha" }, school: { id: "1", data: "PLMK-JKT" }, }, { id: "2", full_name: "Ari Santoso", school: { id: "1", short_name: "GRSR", data: "JKT" }, }, { id: "3", data: { first_name: "Rahman", last_name: "Sunggara" }, school: { id: "1", short_name: "GELM", data: "JKT" }, }, { id: "4", data: { first_name: "Rian", last_name: "Nugraha" }, school: { id: "2", data: "PLMK-BDG" }, }, ] for (var i=0; i<=source.length; i++){ if (source[i]===source[0]){ console.log("name:" + source[i].data.first_name +" "+source[i].data.last_name + ", school_name: " + source[i].school.data); }if(source[i]===source[1]){ console.log("name: " + source[1].full_name + ", school_name: " + source[1].school.short_name + "-" + source[1].school.data); }if(source[i]===source[2]){ console.log("name:" + source[i].data.first_name + " "+source[i].data.last_name + ", school_name: " + source[i].school.short_name + "-" + source[i].school.data); }if(source[i]==source[3]){ console.log("name:" + source[i].data.first_name +" "+source[i].data.last_name + ", school_name: " + source[i].school.data); } }