Supprimer vide propriétés / falsy valeurs de l'Objet avec Underscore.js

J'ai un objet avec plusieurs propriétés. Je voudrais enlever toutes les propriétés qui ont falsy valeurs.

Ceci peut être réalisé avec compact sur les tableaux, mais ce que sur les objets?

  • Pour éviter de copier-coller ceci dans l'ensemble des référentiels, vous pouvez utiliser Bit importer ce composant (qui a 3 tests passant & licence MIT). Vous pouvez également essayer de ce package NPM (qui pourrait être trop pour une petite partie).
InformationsquelleAutor | 2012-12-27
  1. 47

    Vous pourriez faire votre propre trait de soulignement plugin (mixin) : 

    _.mixin({
  compactObject: function(o) {
    _.each(o, function(v, k) {
      if(!v) {
        delete o[k];
      }
    });
    return o;
  }
});

    Et ensuite l'utiliser comme un natif de soulignement méthode : 

    var o = _.compactObject({
  foo: 'bar',
  a: 0,
  b: false,
  c: '',
  d: null,
  e: undefined
});

    Mise à jour

    Comme @AndreiNeculau souligné, ce mixin affecte l'objet d'origine, alors que l'original compact trait de soulignement méthode renvoie une copie de la matrice.

    Pour résoudre ce problème et faire de notre compactObject se comportent plus comme c'est cousin, voici une mise à jour mineure: 

    _.mixin({
  compactObject : function(o) {
     var clone = _.clone(o);
     _.each(clone, function(v, k) {
       if(!v) {
         delete clone[k];
       }
     });
     return clone;
  }
});
    • Depuis que la question a un caractère de soulignement de référence, il serait bon de mentionner que cela ne se comportent pas comme _.compact. Il va supprimer les propriétés, plutôt que de créer un clone simple avec truthy valeurs seulement. Voir stackoverflow.com/a/19750822/465684 ci-dessous
    • Vous avez raison! Me semble que j'ai manqué plus tôt. Voir ma réponse mis à jour.
    • Pourquoi la première copie de toutes les propriétés d'un objet, puis la boucle à travers eux et de supprimer falsy ceux? C'est unperformant. En outre, en utilisant delete est généralement pas recommandée, car elle expose immédiatement des propriétés ayant le même nom de la chaîne de prototype et également les performances de nuit, en raison de "caché classes" (V8) - le changement de la structure de l'objet cause le moteur pour faire du travail supplémentaire. Le meilleur et le plus court de solution serait _.pick(o, _.identity).
    InformationsquelleAutor gion_13
  2. 166

    Depuis Soulignent la version 1.7.0, vous pouvez utiliser _.choisir:

    _.pick(sourceObj, _.identity)

    Explication

    Le deuxième paramètre à _.pick peut être une fonction de prédicat de sélection des valeurs. Valeurs pour lesquelles le prédicat retourne truthy sont repris, et les valeurs pour lesquelles le prédicat retourne falsy sont ignorés.

    choisir _.pick(objet, *les touches)

    De renvoyer une copie de la objet, filtré, pour ne avoir des valeurs de la liste blanche clés (ou un tableau de clés valides). Sinon, accepte un prédicat indiquant les clés pour choisir.

    _.identity est une fonction d'assistance qui retourne son premier argument, ce qui signifie qu'il fonctionne aussi comme une fonction de prédicat qui sélectionne truthy valeurs et rejette falsy ceux. Le trait de Soulignement de la bibliothèque est également livré avec un tas d'autres prédicats, par exemple _.pick(sourceObj, _.isBoolean) serait de ne retenir que les propriétés booléennes.

    Si vous utilisez cette technique, vous souhaitez peut-être un peu plus expressif:

    var pickNonfalsy = _.partial(_.pick, _, _.identity); //Place this in a library module or something
pickNonfalsy(sourceObj);

    Soulignent la version 1.6.0 fourni _.pick ainsi, mais il n'a pas accepté une fonction de prédicat à la place d'une liste blanche.

    • Un merci spécial pour la mention de _.identity fonction, très pratique.
    • Cela a été extrêmement pratique! Il est également possible d'utiliser _.omit(sourceObj, _.isUndefined) pour ne supprimer que les valeurs non définies (permettant false, null, 0).
    • Il est aussi possible de faire pick(obj, Boolean) pour éliminer falsey valeurs, la même approche peut être utilisée lorsque arr.filter(Boolean) pour nettoyer un tableau à partir d'falsey valeurs...
    • Dans l'ES6, ce qui se transforme en _.pick(sourceObj, prop => prop)
    • Dans lodash 4.4.0 _.pick travaille avec les noms de propriété, pour que cette fonctionnalité comme mentionné dans le post d'utilisation _.pickBy
    • David Chase et Deniz Ozger - bons conseils, merci
    • 0 n'est pas une falsy valeur. cela supprime nul
    • N, 0 est un falsy valeur. 0 ? 'true' : 'false' évalue à 'false'.

    InformationsquelleAutor Emil Lundberg
  3. 43

    Quick 'n Clear: _.omit( source, i => !i );

    C'est ce que dit l'inverse de la mode à Emil réponse. De cette façon, à mon humble avis se lit plus claire et la plus explicite.

    Un peu moins propre que si vous n'avez pas le luxe de l'ES6: _.omit( source, function(i){return !i;});

    Suppléant: _.omit( source, _.isEmpty)

    À l'aide de _.isEmpty, au lieu de _.identity pour truthiness, également idéalement supprimer les vides des tableaux et des objets de la collection et peut-être malencontreusement supprimer les numéros et les dates. Ainsi, le résultat n'est PAS une réponse exacte à la discussion de la question, cependant, il pourrait être utile si vous cherchez à supprimer collections vide.

    • Dans Lodash 4.0, cette fonctionnalité est désormais sous omitBy. lodash.com/docs#omitBy
    • Je crois que c'est la même chose que: _.pick(source, i => i); qui évite la négation
    • C'est encore mieux, en Lodash, parce que le défaut de prédicat est la fonction identité! _.pickBy(source) est tout ce qui est nécessaire.
    InformationsquelleAutor Shwaydogg
  4. 21

    Avec lodash de transformer,

    _.transform(obj, function(res, v, k) {
  if (v) res[k] = v;
});
    • whit lodash de l' _.pick(obj, _.d'identité); plus court ^_^
    • Cette réponse ou @evilive commentaire sous c'EST de la réponse.
    • une courte variation, basé sur le commentaire ci-dessus, serait var compactObject = _.partialRight(_.pick, _.identity);
    • href="http://stackoverflow.com/questions/39503069/what-has-changed-in-lodash-from-3-to-4-that-this-code-is-not-working/39503305#39503305">Dans lodash v4 il devrait être _.pickBy au lieu de _.pick)
    • yse, _.pickBy(object) est tout ce que vous devez
    InformationsquelleAutor raine
  5. 17
    Object.keys(o).forEach(function(k) {
    if (!o[k]) {
        delete o[k];
    }
});
    • Et on peut utiliser le soulignement pour .keys et .forEach.
    • Comment serait-il chercher dans le caractère de Soulignement, alors? Essayer de le reconstituer...
    • +1 c'est génial l'homme. merci de me donner le lien de forEach méthode de JS
    • href="https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Array/forEach" >developer.mozilla.org/en-US/docs/JavaScript/Reference/...
    • +1 pour le choix des noms de variables, OK 🙂
    • C'est un bloc de code qui vous fait sourire

    InformationsquelleAutor Florian Margaine
  6. 9

    Vous pouvez créer un clone simple:

    _(obj).reduce(function(a,v,k){ 
     if(v){ a[k]=v; } 
     return a; 
},{});
    InformationsquelleAutor webwise
  7. 5

    pour objet, utilisez la touche supprimer.

    for(var k in obj){

  if(obj.hasOwnProperty(k) && !obj[k]){
    delete obj[k];
  }
}
    • depuis qu'il veut un trait de soulignement solution, vous pouvez parcourir le tableau à l'aide de l'une des méthodes de soulignement
    InformationsquelleAutor Anoop
  8. 4

    Soudain, j'ai besoin de créer une fonction pour supprimer récursivement faux-cil. J'espère que cette aide. Je suis en utilisant Lodash.

    var removeFalsies = function (obj) {
    return _.transform(obj, function (o, v, k) {
        if (v && typeof v === 'object') {
            o[k] = _.removeFalsies(v);
        } else if (v) {
            o[k] = v;
        }
    });
};

_.mixin({ 'removeFalsies': removeFalsies });

    Alors vous pouvez l'utiliser:

    var o = _.removeFalsies({
  foo: 'bar',
  a: 0,
  b: false,
  c: '',
  d: null,
  e: undefined,
  obj: {
    foo: 'bar',
    a: 0,
    b: false,
    c: '',
    d: null,
    e: undefined
  }
});

//{
//  foo: 'bar',
//  obj: {
//    foo: 'bar'
//  }
//}
    • incroyable.. merci beaucoup @marco
    InformationsquelleAutor Marco Godínez
  9. 1

    À ajouter à gion_13 réponse:

    _.mixin({
  compactObject : function(o) {
     var newObject = {};
     _.each(o, function(v, k) {
       if(v !== null && v !== undefined) {
         newObject[k] = v
       }
     });
     return newObject;
  }
});

    Celle-ci crée un nouvel objet et ajoute des clés et des valeurs au lieu de tout le clonage et suppression de paires clé-valeur. Différence mineure.

    Mais plus important encore, vérifie explicitement la valeur null et undefined à la place de falsey, ce qui permet de supprimer les paires clé-valeur qui ont false comme valeur.

    InformationsquelleAutor Geoff Lee
  10. 0

    dans le lodash vous faire comme ceci:

    _.pickBy(object, _.identity);
    InformationsquelleAutor Hydrogen
  11. -1

    Bien que _.compact est documentée pour une utilisation dans des tableaux. Il semble que cela fonctionne pour les objets trop. J'ai juste couru le suivant dans google chrome, opera et firefox consoles:

    var obj = {first: 1, second: null, third: 3, fourth: function(){return 5}}
undefined
_.compact(obj)

[1, 3, function()]

    Mise à JOUR: Comme l'échantillon indique l'appel de _.compact sur un objet déposer les clés et le retour d'un compacté tableau.

    • Mais encore, elle retourne un tableau. Les clés sont perdues.
    • Vous avez raison. Dois-je supprimer ma réponse alors? Ou ne stackoverflow préfèrent quelque chose d'autre?
    • Je ne sais pas d'une préférence communautaire, mais si vous êtes bien avec la sortie il pourrait avoir valeur d'empêcher quelqu'un d'autre de l'ajout d'une semblable réponse.
    InformationsquelleAutor tzvi