Search code examples
javascriptangulartypescriptangular7angular8

Split a combined List based on particular gender data is present for ID


Here is a combined list, with unique ageCode.

    [
      {
        "ageCode": 1,
        "ageDesc": "0-4",
        "qM": 358,
        "sM": 158,
        "qF": 328,
        "sF": 258
      },
      {
        "ageCode": 3,
        "ageDesc": "15-59",
        "qM": 525,
        "sM": 125
      },
      {
        "ageCode": 4,
        "ageDesc": "60+",
        "qF": 458,
        "sF": 358
      }
    ]

Combined list need to be split into individual object based on if both M & F value is present for an ageCode. The converted list look like this. If there is No "M" date then there will be no object with "gender": "M" same applied to "F"

    [
      {
        "ageCode": 1,
        "ageDesc": "0-4",
        "q": 358,
        "s": 158,
        "gender": "M"
      },
      {
        "ageCode": 1,
        "ageDesc": "0-4",
        "q": 328,
        "s": 258,
        "gender": "F"
      },
      {
        "ageCode": 3,
        "ageDesc": "15-59",
        "q": 525,
        "s": 125,
        "gender": "M"
      },
      {
        "agCode": 4,
        "ageDesc": "60+",
        "q": 458,
        "s": 358,
        "gender": "F"
      }
    ]

Solution tried:

      for(let item  of this.ageData) {
            if (this.ageData.find((i) => { i.agCode=== item.agCode})){

    //}

        }

Here issues like duplicate and multiple for loop is required, Is there any efficient way to achieve this.


Solution

  • Try the next code

    const combined = [
      {
        "ageCode": 1,
        "ageDesc": "0-4",
        "qM": 358,
        "sM": 158,
        "qF": 328,
        "sF": 258
      },
      {
        "ageCode": 3,
        "ageDesc": "15-59",
        "qM": 525,
        "sM": 125
      },
      {
        "ageCode": 4,
        "ageDesc": "60+",
        "qF": 458,
        "sF": 358
      }
    ];
    
    const original = combined.reduce((result, item) => {
      if (item.qM !== undefined) {
        result.push({
          "ageCode": item.ageCode,
          "ageDesc": item.ageDesc,
          "q": item.qM,
          "s": item.sM,
          "gender": "M"
        });
      }
      if (item.qF !== undefined) {
        result.push({
          "ageCode": item.ageCode,
          "ageDesc": item.ageDesc,
          "q": item.qF,
          "s": item.sF,
          "gender": "F"
        });
      }
      return result;
    }, []);
    
    console.log(original);