Question

I am building a querystring and want to exclude keys if vals are empty, what’s a proper way?

 setQueryString: function () {
    var keyword = $('#keyword').val();
    //how to exclude it if keyword is empty?
    var params = {           
        "keyword": $.trim(keyword)
    };

    return params;
}

take into account, that I will have 20+ inputs like keyword..trying to avoid lots of IF statements

Answer 1

Don’t set it if it’s empty is all:

var keyword = $.trim($('#keyword').val());
var params = {};

if(keyword) {
    params.keyword = keyword;
}

return params;

---

(edit)

If you have lots of things to check, consider using either a loop:

var items = {
    keyword: $.trim($('#keyword').val())
    // etc.
};
var params = {};

for(var x in items) {
    if(items.hasOwnProperty(x) && items[x]) {
        params[x] = items[x];
    }
}

return params;

or a function of some kind, for example:

var params = {};

function check(name) {
    var value = $.trim($('#' + name).val());

    if(value) {
        params[name] = value;
    }
}

check('keyword');
// etc.

return params;