2
votes

Filtrage des clés et des valeurs d'objet

J'ai un objet qui ressemble à ceci:

var myObject = {from above};
var filter = 'prime';

myObject = Object.keys(myObject).reduce((r, e) => {
    // Avoid int/float/bool and check key + value
    if(e !== 'contact tel' &&
       e !== 'house no' &&
       e !== 'previous orders') {

       // Check Key or Value for filter
       if(myObject[e].toLowerCase().includes(filter.toLowerCase) || e.toLowerCase().includes(filter.toLowerCase())) {
           r[e] = myObject[e]
       }
    }

    // Check int/float/bool and check key
    if(e === 'contact tel' ||
       e === 'house no' ||
       e === 'previous orders') {

       // Check Key or Value for filter
       if(e.toLowerCase().includes(filter.toLowerCase())) {
           r[e] = myObject[e]
       }
    }

    return r;  

}, {})

Sur ma page HTML, j'ai un champ dans lequel les utilisateurs peuvent taper du texte (minimum de 3 caractères requis). Je devais pouvoir filtrer l'objet entier ci-dessus sur les correspondances pour la chaîne saisie.

Par exemple, si la réponse string = "Prime" est:

{
    "contact tel": 08915243209,
    "house no": 209,
}

Par exemple, la réponse string = "acc" est:

{
    "account id": "123TRANS",
    "account name": "Optimus Prime",
    "role": "Accountant"
}

Par exemple, la réponse string = "209" est:

{
    "account name": "Optimus Prime",
    "creator id": "Prime",
}

javascript performance lodash javascript-objects

3 commentaires

Ces citations sont incorrectes - ce ne sont pas les guillemets utilisés par JS - ce serait ' et "

Je suis également curieux - quel est l'aspect de [performance] ici?

Attendez, quelle est même la question ici? J'ai été pris à lire les exemples et le code mais ... rien n'est demandé. Il y a des données, il y a des exemples de réponses mais - est-ce la exigence ? est-ce ce qui est produit en ce moment ? Qu'est-ce qui ne va pas? Qu'est-ce qui est correct? Que faut-il ici?

3 Réponses :

1
votes

Vous pouvez obtenir les entrées, filtrer les clés et les valeurs et créer un nouvel objet en conséquence.

function find(object, search) {
    search = search.toLowerCase();
    return Object.assign(...Object
        .entries(object)
        .filter(a => a.some(s => s.toString().toLowerCase().includes(search)))
        .map(([k, v]) => ({ [k]: v }))
    );
}

var myObj = { "account id": "123TRANS", "account name": "Optimus Prime", "creator id": "Prime", "contact tel": "08915243209", "house no": 209, "is registered": true, price: 398.83, "first name": "paul", "last name": "jones", dob: "27-Jun-1978 00:00:00", "previous orders": true, "average price": 123.78, "lace colour": "blue", "first line": "Jupiter Close", city: "New York", alias: "Jupiter", role: "Accountant" };

console.log(find(myObj, 'ACC'));

0 commentaires

1
votes

var myObj = {
    "account id": "123TRANS",
    "account name": "Optimus Prime",
    "creator id": "Prime",
    "contact tel": 08915243209,
    "house no": 209,
    "is registered": true,
    "price": 398.83,
    "first name": "paul",
    "last name": "jones",
    "dob": "27-Jun-1978 00:00:00",
    "previous orders": true,
    "average price": 123.78,
    "lace colour": "blue",
    "first line": "Jupiter Close",
    "city": "New York",
    "alias": "Jupiter",
    "role": "Accountant"
},
filterString = 'prime';
Object.entries(myObj)
  .filter((elem) => {
    return (elem.join('').toLowerCase().indexOf(filterString) > -1);
  })
  .reduce((accumulator, [key, value]) => {
    accumulator[key] = value;
    return accumulator;
  }, {});`

0 commentaires

1
votes

Vous pouvez utiliser _.pickBy () pour obtenir un sous-objet basé sur une clé ou une valeur contenant un texte:

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.min.js"></script>

const findInObj = (obj, str) => {
  const pattern = new RegExp(str, 'i')
  return _.pickBy(obj, (v, k) => pattern.test(v) || pattern.test(k))
}

const myObj = {"account id":"123TRANS","account name":"Optimus Prime","creator id":"Prime","contact tel":8915243209,"house no":209,"is registered":true,"price":398.83,"first name":"paul","last name":"jones","dob":"27-Jun-1978 00:00:00","previous orders":true,"average price":123.78,"lace colour":"blue","first line":"Jupiter Close","city":"New York","alias":"Jupiter","role":"Accountant"}

const result = findInObj(myObj, 'acc')

console.log(result)

0 commentaires