Jak filtrować klucze obiektu za pomocą lodash?

178

Mam obiekt z kilkoma kluczami i chcę zachować tylko niektóre klucze z ich wartością?

Próbowałem z filter:

const data = {
  aaa: 111,
  abb: 222,
  bbb: 333
};

const result = _.filter(data, (value, key) => key.startsWith("a"));

console.log(result);
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.15/lodash.min.js"></script>
Rozwiń fragment

Ale wypisuje tablicę:

[111, 222]

A to nie jest to, czego chcę.

Jak to zrobić z lodash? Lub coś innego, jeśli lodash nie działa?

javascript filter lodash Freewind
źródło

Odpowiedzi:

285

Lodash ma _.pickByfunkcję, która robi dokładnie to, czego szukasz.

var thing = {
  "a": 123,
  "b": 456,
  "abc": 6789
};

var result = _.pickBy(thing, function(value, key) {
  return _.startsWith(key, "a");
});

console.log(result.abc) // 6789
console.log(result.b)   // undefined
<script src="https://cdn.jsdelivr.net/lodash/4.16.4/lodash.min.js"></script>
Rozwiń fragment

serg10
źródło
9
Wygląda na to, że jest to zepsute w wersji lodash 4, a nowy predykat _.pickBy jest wywoływany tylko z wartością, a nie kluczem. Boo :( ... przypuszczam, że możesz połączyć _.pick i _.pickBy (właściwie nie, nie możesz uzyskać tej samej funkcjonalności)
SDK
3
To już nie działa od ostatniego Lodash, tylko FYI
Eudis Duran
8
@EudisDuran musisz użyć.pickBy
apfelbox
wydaje się, że została naprawiona w najnowszej wersji
39

Po prostu zmień filtr, aby pominąć

const data = { aaa: 111, abb: 222, bbb: 333 };
const result = _.omitBy(data, (value, key) => !key.startsWith("a"));
console.log(result);
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.15/lodash.min.js"></script>
Rozwiń fragment

Krystian Jankowski
źródło
Czy to nadal nie drukuje tablicy?
Mr_Green
4
Dzięki! I myślę, że możemy użyć_.pick
Freewind,
To już nie działa od ostatniego lodash, tylko FYI
Eudis Duran
18

Oto przykład użycia lodash4.x:

const data = {
  aaa: 111,
  abb: 222,
  bbb: 333
};

const result = _.pickBy(data, (value, key) => key.startsWith("a"));

console.log(result);
// Object { aaa: 111, abb: 222 }
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.15/lodash.min.js"></script>
<strong>Open your javascript console to see the output.</strong>
Rozwiń fragment

PaulMest
źródło
4

Non-lodash sposób na rozwiązanie tego w dość czytelny i skuteczny sposób:

function filterByKeys(obj, keys = []) {
  const filtered = {}
  keys.forEach(key => {
    if (obj.hasOwnProperty(key)) {
      filtered[key] = obj[key]
    }
  })
  return filtered
}

const myObject = {
  a: 1,
  b: 'bananas',
  d: null
}

const result = filterByKeys(myObject, ['a', 'd', 'e']) // {a: 1, d: null}
console.log(result)
Rozwiń fragment

thomax
źródło