React native nested object loop with promise

Question

I have a JSON object as follows

var allUsers = {
        "student_a":{
            id:1,
            full_name:"ABC",
            address:"xyz",
            image:"image url"
        },
        "student_b":{
            id:2,
            full_name:"DEF",
            address:"",
            image:"image url"
        },
         "student_c":{
            id:3,
            full_name:"",
            address:"",
            image:""
        }
    }

In the above JSON I need to figure out how many empty fields are there in each student.

I am using the following code

_submitInfo(allUsers) {
            var empty_fields = Object.entries(allUsers).map(([key, value]) => {
                return this._validateStudent(value)
            })
            alert(JSON.stringify(empty_fields))      
        }

_validateStudent(studentInfo) {   
            empty = 0;
            Object.entries(studentInfo).map(([key, value]) => {
                if (value == "") {
                    empty++
                }
            })
            return empty
        }

But the output I get is [0,0,0] the desired output is [0,1,3]. I think promises will solve the issue but I am unaware of how will I use them in this nested case.

your code returns [0, 1, 3] check again

Sahil Raj Thapa
– Sahil Raj Thapa

2019-01-11 07:14:18 +00:00
Commented Jan 11, 2019 at 7:14 — Sahil Raj Thapa
– Sahil Raj Thapa, Commented Jan 11, 2019 at 7:14
No it dose not I just rechecked

Tushar Cheulkar
– Tushar Cheulkar

2019-01-11 07:18:05 +00:00
Commented Jan 11, 2019 at 7:18 — Tushar Cheulkar
– Tushar Cheulkar, Commented Jan 11, 2019 at 7:18
check here link Demo

Sahil Raj Thapa
– Sahil Raj Thapa

2019-01-11 07:32:33 +00:00
Commented Jan 11, 2019 at 7:32 — Sahil Raj Thapa
– Sahil Raj Thapa, Commented Jan 11, 2019 at 7:32

halfer · Accepted Answer · 2019-02-02 20:49:48Z

As you want to use promises with above problem I updated your code with promises, just take a look.

    var allUsers = {
        "student_a": {
            id: 1,
            full_name: "ABC",
            address: "xyz",
            image: "image url"
        },
        "student_b": {
            id: 2,
            full_name: "DEF",
            address: "",
            image: "image url"
        },
        "student_c": {
            id: 3,
            full_name: "",
            address: "",
            image: ""
        }
    }

check(allUsers);
    function check() {
        const promiseContainer = [];
        Object.entries(allUsers).map(([key, value]) => {
            promiseContainer.push(_validateStudent(value));
        });

        function _validateStudent(studentInfo) {
            let empty = 0;
            return new Promise((resolve, reject) => {
                Object.entries(studentInfo).map(([key, value]) => {
                    if (value == "") {
                        empty++
                    }
                })
                resolve(empty);
            });
        }

        Promise.all(promiseContainer).then((count) => { console.log(count) });
    }

aseferov · Accepted Answer · 2019-01-11 07:40:28Z

0

var allUsers = {
    "student_a":{
        id:1,
        full_name:"ABC",
        address:"xyz",
        image:"image url"
    },
    "student_b":{
        id:2,
        full_name:"DEF",
        address:"",
        image:"image url"
    },
     "student_c":{
        id:3,
        full_name:"",
        address:"",
        image:""
    }
}


var result = Object.keys(allUsers).map(student => Object.values(allUsers[student]).reduce((n, v) => {
    if(!v.toString().length) n += 1;
    return n
},0))
console.log(result)

edited Jan 11, 2019 at 7:40

answered Jan 11, 2019 at 7:28

aseferov

6,4133 gold badges20 silver badges24 bronze badges

Comments

vinoth s · Accepted Answer · 2019-01-11 08:15:07Z

This will be working properly.

 var data = {
        "student_a":{
            id:1,
            full_name:"ABC",
            address:"xyz",
            image:"image url"
        },
        "student_b":{
            id:2,
            full_name:"DEF",
            address:"",
            image:"image url"
        },
         "student_c":{
            id:3,
            full_name:"",
            address:"",
            image:""
        }


    }


     let output =[]
     for (let value of Object.values(data)) {

       var test = Object.values(value)
       var lucky = test.filter(function(number) {
      return number == "";
    });

       output.push(lucky.length)

    }


    console.log(output)

Tushar Cheulkar · Accepted Answer · 2019-01-11 08:25:43Z

Perfect the below code is working

var result = Object.keys(allUsers).map(student => Object.values(allUsers[student]).reduce((n, v) => {
    if(!v.toString().length) n += 1;
    return n
},0))

but there is more issue, what if the JSON is as follows

var allUsers = {
        "student_a":{
            id:1,
            full_name:"ABC",
            address:"xyz",
            email:"[email protected]",
            number:"1234567890",
            image:"image url"
        },
        "student_b":{
            id:2,
            full_name:"DEF",
            address:"",
            email:"random value",
            number:"000",
            image:"image url"
        },
         "student_c":{
            id:3,
            full_name:"",
            address:"",
            email:"",
            number:"",
            image:""
        }
    }

and there is an email and phone number and if either invalid I consider it as blank. So in the above JSON the output should be [0,3,5] 3 empty fields for student_b as email and phone number is invalid. Where do it put this condition ?

Monica Acha · Accepted Answer · 2019-01-11 09:40:32Z

0

const allUsers= {
    "student_a":{
        id:1,
        full_name:"ABC",
        address:"xyz",
        image:"image url"
    },
    "student_b":{
        id:2,
        full_name:"DEF",
        address:"",
        image:"image url"
    },
     "student_c":{
        id:3,
        full_name:"",
        address:"",
        image:""
    }
};

let arr=[];    
Object.entries(allUsers).map(([key,val]) => {
	 x= Object.values(val).reduce((count, cur) => {
	 	if(cur == ""){
	 	return ++count;
	 	}
	 	return count;
	 },0)
	arr.push(x);
});
console.log(arr);

edited Jan 11, 2019 at 9:40

answered Jan 11, 2019 at 8:01

Monica Acha

1,0869 silver badges16 bronze badges

Comments

Jayavel · Accepted Answer · 2019-01-11 10:12:25Z

For this format

var allUsers = {
    "student_a":{
        id:1,
        full_name:"ABC",
        address:"xyz",
        email:"[email protected]",
        number:"1234567890",
        image:"image url"
    },
    "student_b":{
        id:2,
        full_name:"DEF",
        address:"",
        email:"random value",
        number:"000",
        image:"image url"
    },
     "student_c":{
        id:3,
        full_name:"",
        address:"",
        email:"",
        number:"",
        image:""
    }
}

to get your output [0,3,5]

do this:

Object.keys(allUsers).map(obj => allUsers[obj]).map(item => { 
   item.email = /\S+@\S+\.\S+/.test(item.email) ? item.email : ""; // valid email or ""
   item.number = item.number ? item.number.match(/\d/g).length ===10 ? item.number : "" : item.number;  //valid number or ""
   return item; 
}).map(item => Object.values(item).filter(innerItem => innerItem === "").length);

this will print [0, 3, 5]

live demo

Collectives™ on Stack Overflow

React native nested object loop with promise

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related