remove array object from nested array if element is undefined using javascript

Question

Raw array

myArr = [
{name:'abcd',values:[undefined,{quarter: "Q2-2016", koordinaten: 119},{quarter: "Q3-2016", koordinaten: 129},undefined]},
{name:'abcd',values:[undefined,undefined,{quarter: "Q4-2016", koordinaten: 19},undefined]}
]

Expected array,

 myArr = [
        {name:'abcd',values:[{quarter: "Q2-2016", koordinaten: 119},{quarter: "Q3-2016", koordinaten: 129}},
        {name:'abcd',values:[{quarter: "Q4-2016", koordinaten: 19}]}
        ]

i want to remove undefined element with index in result array,

`{undefined}` does not work. please add real code to the question. — Nina Scholz, Nov 17 '17 at 09:59
right, but if you have control over the construction of an object, you could omit using `undefined` as key/value. — Nina Scholz, Nov 17 '17 at 10:05
i don't have any control on construction of array - please suggest me answer — abdul, Nov 17 '17 at 10:05
Possible duplicate of [Remove empty elements from an array in Javascript](https://stackoverflow.com/questions/281264/remove-empty-elements-from-an-array-in-javascript) — 31piy, Nov 17 '17 at 10:07

score 0 · Answer 1 · answered Nov 17 '17 at 10:04

Try map and filter

myArr.map( s => (s.values = s.values.filter( p => JSON.stringify(p) != "{}" ), s ) );

Demo

var myArr = [
{name:'abcd',values:[{undefined},{quarter: "Q2-2016", koordinaten: 119},
{quarter: "Q3-2016", koordinaten: 129},{undefined}]},
{name:'abcd',values:[{undefined},{undefined},{quarter: "Q4-2016", koordinaten: 19},{undefined}]}
];

var output = myArr.map(s => (s.values = s.values.filter(p => JSON.stringify(p) != "{}"), s));

console.log(output);

score 0 · Answer 2 · answered Nov 17 '17 at 10:09

This should do the trick, you basically need to remove all the undefined values by looping through them.

myArr = [
{name:'abcd',values:[undefined,{quarter: "Q2-2016", koordinaten: 119},{quarter: "Q3-2016", koordinaten: 129},undefined]},
{name:'abcd',values:[undefined,undefined,{quarter: "Q4-2016", koordinaten: 19},undefined]}
]

myArr.forEach(arrItem => {
 arrItem.values = arrItem.values.filter(x => !!x);
});

console.log(myArr);

score 0 · Answer 3 · answered Nov 17 '17 at 10:11

You could filter falsy values (like undefined) with Array#filter and Boolean as callback.

var array = [{ name: 'abcd', values: [undefined, { quarter: "Q2-2016", koordinaten: 119 }, { quarter: "Q3-2016", koordinaten: 129 }, undefined] }, { name: 'abcd', values: [undefined, undefined, { quarter: "Q4-2016", koordinaten: 19 }, undefined] }];

array.forEach(function (o) {
    o.values = o.values.filter(Boolean);
});

console.log(array);

.as-console-wrapper { max-height: 100% !important; top: 0; }

score 0 · Answer 4 · answered Nov 17 '17 at 10:15

You can use, underscore for such kind of tasks.

Compact method

myArr = [{
  name: 'abcd',
  values: [undefined, {
    quarter: "Q2-2016",
    koordinaten: 119
  }, {
    quarter: "Q3-2016",
    koordinaten: 129
  }, undefined]
}, {
  name: 'abcd',
  values: [undefined, undefined, {
    quarter: "Q4-2016",
    koordinaten: 19
  }, undefined]
}]

// Cleansed Array
myArr = myArr.map(function(arrItem) {
  arrItem.values = _.compact(arrItem.values);
  return arrItem
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>

remove array object from nested array if element is undefined using javascript

4 Answers4