Javascript returning undefined value

Question

This is my nuxt js code in one of the methods.

this.allCampusWithDeaprtments = campusData.map(
          (item, index) => {
              const schoolData = this.deptInsights.filter((row) => {
                  return row.unit === item.unit;
              }).map(row => {
                  // row.departmentData = row.departmentData || []; 
                  // row.departmentData.push(...this.depts.filter((d) => {
                  //     return d.sisSchoolId === row.sisSchoolId;
                  // }));
                  // return row;
                  const departmentData = this.depts.filter(
                  d => d.sisSchoolId === row.sisSchoolId
                );
                return departmentData
              });

              console.log('department', departmentData);
              // );
              item.id = `toggle-${index}`;
              return {
                  ...item,
                  schoolData,
                  // departmentData,
                  hasOerData: false
              };
          }
      );

departmentData is not returning any value. What could be the problem? i wand the data which matches the mentioned case in the code

Your (row) => {…} function returns nothing, so the filtered list is empty. const departmentData is never used. Whatever departmentData is outside, it has nothing to do with the departmentData inside the filter, because it’s out of scope. — Sebastian Simon
– Sebastian Simon, Commented May 17, 2021 at 8:03

gorevanova · Accepted Answer · 2021-05-17 08:27:40Z

1

Continuing the reasoning of a colleague @sebastian-simon

Your constant is private in the scope. Therefore, it is not defined. Read this article.

Try it like this:

this.allCampusWithDeaprtments = campusData.map(
let departmentData = null

(item, index) => {
    const schoolData = this.deptInsights.filter((row) => {
        row.unit === item.unit
        departmentData = this.depts.filter((d) => {
            d.sisSchoolId === row.sisSchoolId;
            return departmentData
        })

    }
    );

    console.log('department', departmentData);
    // );
    item.id = `toggle-${index}`;
    return {
        ...item,
        schoolData,
        departmentData,
        hasOerData: false
    };
});

edited May 17, 2021 at 8:27

answered May 17, 2021 at 8:20

gorevanova

6271 gold badge8 silver badges17 bronze badges

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

4 Comments

ui developer Over a year ago

throwing errors using above code, also i need to get schoolData and departmentData

gorevanova Over a year ago

Then log this.depts. I don't see your full project

ui developer Over a year ago

schoolData is gone

ui developer Over a year ago

I need to get schoolData and departmentData both, is there any way?

MD.Tabish Mahfuz · Accepted Answer · 2021-05-17 09:33:11Z

0

I think your problem lies here:

const departmentData = this.depts.filter((d) => {
            d.sisSchoolId === row.sisSchoolId;
            return departmentData // 
        })

The filter callback requires a boolean to be returned. You are checking a condition d.sisSchoolId === row.sisSchoolId; but not returning it, instead you are returning departmentData. So keeping that in mind, shouldn't your filter code be:

this.allCampusWithDeaprtments = campusData.map(
    (item, index) => {
        let departmentData = [];
        const schoolData = this.deptInsights.filter((row) => {
            departmentData.push(...this.depts.filter((d) => {
                return d.sisSchoolId === row.sisSchoolId;
            }));
            return row.unit === item.unit;

        });

        console.log('department', departmentData);
        // );
        item.id = `toggle-${index}`;
        return {
            ...item,
            schoolData,
            departmentData,
            hasOerData: false
        };
    }
);

EDIT new Structure

this.allCampusWithDeaprtments = campusData.map(
    (item, index) => {
        // let departmentData = [];
        const schoolData = this.deptInsights.filter((row) => {
            return row.unit === item.unit;
        }).map(row => {
            row.departmentData = row.departmentData || []; 
            row.departmentData.push(...this.depts.filter((d) => {
                return d.sisSchoolId === row.sisSchoolId;
            }));
            return row;
        });

        // console.log('department', departmentData);
        // );
        item.id = `toggle-${index}`;
        return {
            ...item,
            schoolData,
            // departmentData,
            hasOerData: false
        };
    }
);

edited May 17, 2021 at 9:33

answered May 17, 2021 at 8:27

MD.Tabish Mahfuz

6765 silver badges6 bronze badges

17 Comments

ui developer Over a year ago

tried above thing, still its not returning the value

MD.Tabish Mahfuz Over a year ago

Edited my code, declared deparmentData outside of callback scope. However, I am not sure what you want as output in departmentData. Will it be an array or will it just be matched for only one row?

MD.Tabish Mahfuz Over a year ago

Can you explain what you want in output? Do you want to associate departmentData of respective schools? Can there exists multiple depts for one school data?

ui developer Over a year ago

Ii need to get schoolData and departmentData both as arrays, is there any way?

ui developer Over a year ago

Can you explain what you want in output? YES Do you want to associate departmentData of respective schools? Can there exists multiple depts for one school data? YES

|

bhagat singh · Accepted Answer · 2021-05-17 08:14:52Z

0

As per my knowledge, there can be 2 cases:-

Your condition is not satisficed as per the data u pass in campusData array variable.
you are not returning departmentData,

return const departmentData = this.depts.filter((d) => {...

Let me know, if its helpful.

answered May 17, 2021 at 8:14

bhagat singh

451 silver badge6 bronze badges

Collectives™ on Stack Overflow

Javascript returning undefined value

3 Answers 3

4 Comments

17 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

17 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related