How to push not empty key value object into an array using jquery

Question

i have an object with some key:value pairs. I would like to push the object into an array but without the empty object value.

my fiddle: https://jsfiddle.net/howw1fj7/

var myData = [];

var myObj = {
  product: "phone",
  quantity: 100,
  color: "red",
  secondColor: '',
  imei: "43904325"
};
myData.push(myObj); //push only not empty key:values 
$('pre').html(JSON.stringify(myData, null, 4));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<pre></pre>

i have tried something like this but this is not correct:

$.each(myObj, function(key, value) {
    if(value.length !=0) {
    var myNewObj = {key:value};
    myData.push(myNewObj);
  }
});

What is your definition of empty? A '' string? Zero? null? undefined? NaN? — trincot
– trincot, Commented Aug 1, 2017 at 20:43
If you want to name a property dynamically in an object literal, the syntax should be: { [key]: value }. Of course the interpreter should support es6. — Ram
– Ram, Commented Aug 1, 2017 at 20:45

trincot · Accepted Answer · 2017-08-01 20:53:12Z

1

You could define a utility method Object.filter as described in my answer here.

Then you get this:

Object.from = arr => Object.assign(...arr.map( ([k, v]) => ({[k]: v}) ));
Object.filter = (obj, predicate) => Object.from(Object.entries(obj).filter(predicate));

var myData = [];
var myObj = { product: "phone", quantity: 100, color: "red", secondColor:'', imei: "43904325" };

myData.push(Object.filter(myObj, ([k, v]) => v !== ''));
console.log(myData);

answered Aug 1, 2017 at 20:53

trincot

357k38 gold badges282 silver badges338 bronze badges

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

Comments

Anurag Singh Bisht · Accepted Answer · 2017-08-01 20:44:20Z

0

You can use for in loop to iterate through the myObj and check for the empty value. Then you can push the new object created into the array.

var myData = [];

var myObj = { product: "phone", quantity: 100, color: "red", secondColor:'', imei: "43904325" };

var obj = {};

for(var key in myObj) {
  if(myObj[key] !== '') {
    obj[key] = myObj[key];
  }
}

myData.push(obj);

$('pre').html(JSON.stringify(myData,null,4));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<pre></pre>

answered Aug 1, 2017 at 20:44

Anurag Singh Bisht

2,7514 gold badges22 silver badges27 bronze badges

1 Comment

Greg Ostry Over a year ago

this is the solution i was looking for. in the if statement i can also check if there is something undefined or null.

user1752532 · Accepted Answer · 2017-08-01 20:45:15Z

0

value will not have a .length as it is not an array but a property in the array that you are looping over. You would need to check for null,'',undefined

answered Aug 1, 2017 at 20:45

user1752532

2 Comments

Hyyan Abo Fakher Over a year ago

disagree , if the value is a string then it will have the length property

user1752532 Over a year ago

true. but then you are only looking at strings

Collectives™ on Stack Overflow

How to push not empty key value object into an array using jquery

3 Answers 3

Comments

1 Comment

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related