how to remove object if all values are empty in javascript?

Question

I have multiple objects in array. It has values array with value property in object. when all value properties are empty. I want to remove whole object.

I tried it but i am not able to produce output. Please help me.

var data = [
  {
    "field": "surname",
    "values": [
      {
        "id": "drivingLicenseFront",
        "value": "",
        "isAvailable": true
      },
      {
        "id": "passport",
        "value": "",
        "isAvailable": true
      }
    ],
    "status": "passed"
  },
  {
    "field": "given names",
    "values": [
      {
        "id": "drivingLicenseFront",
        "value": "",
        "isAvailable": true
      },
      {
        "id": "passport",
        "value": "",
        "isAvailable": true
      }
    ],
    "status": "passed"
  },
  {
    "field": "date of birth",
    "values": [
      {
        "id": "drivingLicenseFront",
        "value": "25.07.1974",
        "isAvailable": true
      },
      {
        "id": "passport",
        "value": "05 JUN /JOIN 57",
        "isAvailable": true
      }
    ],
    "status": "passed"
  }
];

 for (let x = data.length-1; x >= 0; x--) {
            let count = 1;
            var dataValueLength = data[x].values.length;
            for (let y = 0; y < data[x].values.length; y++) {
                if (data[x].values[y].value === "") {
                    count++;
                }
            }
            if (dataValueLength == count) {
                data.splice(x, 1)
            }
        }
        
        console.log(JSON.stringify(data));

In above scenario, output should be only one object that is "date of birth".

where in the given data is one object empty? please add an example of what to test and what to delete. — Nina Scholz
– Nina Scholz, Commented Jan 10, 2018 at 14:09
Are you talking about "values": [] or where all values.value = "" ? Or what of the two? — Roko C. Buljan
– Roko C. Buljan, Commented Jan 10, 2018 at 14:20
What if date of birth had a third item in values array that had a value property of an empty string? Would you want the date of birth object have only 2 items in values or 3? — HMR
– HMR, Commented Jan 10, 2018 at 14:35

gurvinder372 · Accepted Answer · 2018-01-10 14:13:03Z

Very close, just one issue (you are initializing count to 1 instead of 0), make it

let count = 0;

Demo

var data = [{
    "field": "surname",
    "values": [{
        "id": "drivingLicenseFront",
        "value": "",
        "isAvailable": true
      },
      {
        "id": "passport",
        "value": "",
        "isAvailable": true
      }
    ],
    "status": "passed"
  },
  {
    "field": "given names",
    "values": [{
        "id": "drivingLicenseFront",
        "value": "",
        "isAvailable": true
      },
      {
        "id": "passport",
        "value": "",
        "isAvailable": true
      }
    ],
    "status": "passed"
  },
  {
    "field": "date of birth",
    "values": [{
        "id": "drivingLicenseFront",
        "value": "25.07.1974",
        "isAvailable": true
      },
      {
        "id": "passport",
        "value": "05 JUN /JOIN 57",
        "isAvailable": true
      }
    ],
    "status": "passed"
  }
];

for (let x = data.length - 1; x >= 0; x--) {
  let count = 0; //Observe change in this line 
  var dataValueLength = data[x].values.length;
  for (let y = 0; y < data[x].values.length; y++) {
    if (data[x].values[y].value === "") {
      count++;
    }
  }
  if (dataValueLength == count) {
    data.splice(x, 1)
  }
}

console.log(JSON.stringify(data));

Jamiec · Accepted Answer · 2018-01-10 14:14:34Z

You can use reduce to filter out the items with no values

var data = [
  {
    "field": "surname",
    "values": [
      {
        "id": "drivingLicenseFront",
        "value": "",
        "isAvailable": true
      },
      {
        "id": "passport",
        "value": "",
        "isAvailable": true
      }
    ],
    "status": "passed"
  },
  {
    "field": "given names",
    "values": [
      {
        "id": "drivingLicenseFront",
        "value": "",
        "isAvailable": true
      },
      {
        "id": "passport",
        "value": "",
        "isAvailable": true
      }
    ],
    "status": "passed"
  },
  {
    "field": "date of birth",
    "values": [     
    ],
    "status": "passed"
  }
];

var result = data.reduce(function(p,c){
    if(c.values && c.values.length > 0)
        p.push(c);
    return p;
},[]);

console.log(result);

Mark · Accepted Answer · 2018-01-10 14:25:23Z

If I understand your question correctly, you can just use filter():

 var filtered = data.filter(item => item.values.some(v => v.value))

This will return an array removing items where the all values.values are false(y).

var data = [
  {
    "field": "surname",
    "values": [
      {
        "id": "drivingLicenseFront",
        "value": "",
        "isAvailable": true
      },
      {
        "id": "passport",
        "value": "",
        "isAvailable": true
      }
    ],
    "status": "passed"
  },
  {
    "field": "given names",
    "values": [
      {
        "id": "drivingLicenseFront",
        "value": "",
        "isAvailable": true
      },
      {
        "id": "passport",
        "value": "",
        "isAvailable": true
      }
    ],
    "status": "passed"
  },
  {
    "field": "date of birth",
    "values": [
      {
        "id": "drivingLicenseFront",
        "value": "25.07.1974",
        "isAvailable": true
      },
      {
        "id": "passport",
        "value": "05 JUN /JOIN 57",
        "isAvailable": true
      }
    ],
    "status": "passed"
  }
];

var filtered = data.filter(item => item.values.some(v => v.value))
console.log(filtered)

Mulan · Accepted Answer · 2018-01-10 14:41:11Z

You can use Array.prototype.filter and Array.prototype.every

filter creates a new array of all element for which the supplied lambda returns True
every determines if every element in an array returns True for the supplied lambda

So we want to filter objects where every value (in the values array) is not equal to an empty string

const data1 = 
  data.filter (o =>
    o.values.every (v => v.value !== ''))

Full demo

const data0 = [
  {
    "field": "surname",
    "values": [
      {
        "id": "drivingLicenseFront",
        "value": "",
        "isAvailable": true
      },
      {
        "id": "passport",
        "value": "",
        "isAvailable": true
      }
    ],
    "status": "passed"
  },
  {
    "field": "given names",
    "values": [
      {
        "id": "drivingLicenseFront",
        "value": "",
        "isAvailable": true
      },
      {
        "id": "passport",
        "value": "",
        "isAvailable": true
      }
    ],
    "status": "passed"
  },
  {
    "field": "date of birth",
    "values": [
      {
        "id": "drivingLicenseFront",
        "value": "25.07.1974",
        "isAvailable": true
      },
      {
        "id": "passport",
        "value": "05 JUN /JOIN 57",
        "isAvailable": true
      }
    ],
    "status": "passed"
  }
];

const data1 = 
  data0.filter (f =>
    f.values.every (v => v.value !== ''))
    
console.log (data1)
// [
//   {
//     "field": "date of birth",
//     "values": [
//       {
//         "id": "drivingLicenseFront",
//         "value": "25.07.1974",
//         "isAvailable": true
//       },
//       {
//         "id": "passport",
//         "value": "05 JUN /JOIN 57",
//         "isAvailable": true
//       }
//     ],
//     "status": "passed"
//   }
// ]

Kent V · Accepted Answer · 2018-01-10 14:19:42Z

Start count from 0 and count it correctly :)

https://jsfiddle.net/vLLs4px5/

var data = [
  {
    "field": "surname",
    "values": [
      {
        "id": "drivingLicenseFront",
        "value": "",
        "isAvailable": true
      },
      {
        "id": "passport",
        "value": "",
        "isAvailable": true
      }
    ],
    "status": "passed"
  },
  {
    "field": "given names",
    "values": [
      {
        "id": "drivingLicenseFront",
        "value": "",
        "isAvailable": true
      },
      {
        "id": "passport",
        "value": "",
        "isAvailable": true
      }
    ],
    "status": "passed"
  },
  {
    "field": "date of birth",
    "values": [
      {
        "id": "drivingLicenseFront",
        "value": "25.07.1974",
        "isAvailable": true
      },
      {
        "id": "passport",
        "value": "05 JUN /JOIN 57",
        "isAvailable": true
      }
    ],
    "status": "passed"
  }
];

 for (let x = data.length-1; x >= 0; x--) {
            var count = 0;
            var dataValueLength = data[x].values.length;
            for (let y = 0; y < data[x].values.length; y++) {
                if (data[x].values[y].value == "") {
                    count = count + 1;
                }
            }
            if (dataValueLength == count) {
                data.splice(x, 1)
            }
        }

        console.log((data));

brz · Accepted Answer · 2018-01-10 14:23:37Z

0

You can use forEach

let counter = 0;
data.forEach(function(el) {
    let isEmpty = true;
    let element = el.values
    element.forEach(function(e)) {
        if (e.value != "") {
            isEmpty = false;
        }
    });
    if (!isEmpty) {
        data.splice(counter, 1);
    }
    counter++;
});

answered Jan 10, 2018 at 14:23

brz

1151 silver badge7 bronze badges

Comments

HMR · Accepted Answer · 2018-01-10 14:47:50Z

Just in case you need this code not to crash on unexpected input or remove any values item that has a falsy value property you can try this:

var data = [
  null,
  undefined,
  {},
  {values:"hello world"},
  {
    "field": "surname",
    "values": [
      {
        "id": "drivingLicenseFront",
        "value": "",
        "isAvailable": true
      },
      {
        "id": "passport",
        "value": "",
        "isAvailable": true
      }
    ],
    "status": "passed"
  },
  {
    "field": "given names",
    "values": [
      {
        "id": "drivingLicenseFront",
        "value": "",
        "isAvailable": true
      },
      {
        "id": "passport",
        "value": "",
        "isAvailable": true
      }
    ],
    "status": "passed"
  },
  {
    "field": "date of birth",
    "values": [
      {
        "id": "drivingLicenseFront",
        "value": "25.07.1974",
        "isAvailable": true
      },
      {
        "id": "passport",
        "value": "05 JUN /JOIN 57",
        "isAvailable": true
      },
      {
        "id": "this is gone",
        "value": "",
        "isAvailable": true
      }
    ],
    "status": "passed"
  }
];

data.map(
  data=>
    Object.assign(
      {},
      (data||{}),
      {
        values:Array.from((data&&data.values)||[])
          .filter(
            value=>
              (value&&value.value)
          )
      }
    )
)
.filter(
  data=>
    data.values.length!==0
)

Collectives™ on Stack Overflow

how to remove object if all values are empty in javascript?

7 Answers 7

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related