我如何從嵌套陣列中獲取資料并得到結果

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"
        },
    },
  ]

所以，我想將 first_name 和 last_name 組合成嵌套陣列的全名，或者將 short_name 和資料組合在學校嵌套陣列中，但始終未定義，結果如下：

{名稱：'Rian Nugraha'，學校名稱：'PLMK-JKT}

uj5u.com熱心網友回復：

是否使用了三元運算子

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)

uj5u.com熱心網友回復：

這里如何訪問陣列@元素（0）并結合名字和姓氏

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

添加學校：

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

uj5u.com熱心網友回復：

這應該有助于提供如何獲得所需內容的示例。

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

source.map(mapfunc);

請參閱 Array.prototype.map 和字串模板的檔案。

uj5u.com熱心網友回復：

如果您需要名字和姓氏，您可以使用 map 方法檢查每個陣列物件并使用 if 條件獲取指定的值..

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)
    }
    }
    }
  ) 
 
  
  
  
  
  
  
  
  
  

uj5u.com熱心網友回復：

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' }
 ]*/

標籤：

上一篇：我試圖使用json將變數拉入回圈

下一篇：ReactJS一步對物件執行淺拷貝