Bagaimana cara memfilter kunci suatu objek dengan lodash?

178

Saya memiliki objek dengan beberapa kunci, dan saya ingin hanya menyimpan beberapa kunci dengan nilainya?

Saya mencoba dengan 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>

Luaskan cuplikan

Tapi ia mencetak array:

[111, 222]

Yang bukan itu yang saya inginkan.

Bagaimana melakukannya dengan lodash? Atau sesuatu yang lain jika lodash tidak berfungsi?

javascript filter lodash

— Jalan bebas
sumber

285

Lodash memiliki _.pickByfungsi yang melakukan persis apa yang Anda cari.

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>

Luaskan cuplikan

— serg10
sumber

9

Tampaknya ini rusak di lodash versi 4, dan predikat _.pickBy baru hanya dipanggil dengan nilai bukan kunci. Boo :( ... Saya kira Anda dapat rantai _.pick dan _.pickBy (sebenarnya tidak, Anda tidak bisa mendapatkan fungsionalitas yang sama)

— SDK

3

Ini tidak lagi berfungsi pada Lodash terbaru, hanya FYI

— Eudis Duran

8

@EudisDuran harus Anda gunakan.pickBy

— apfelbox

tampaknya telah diperbaiki dengan versi terbaru

39

Cukup ubah filter menjadi omitBy

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>

Luaskan cuplikan

— Krystian Jankowski
sumber

Bukankah ini masih mencetak array?

— Mr_Green

4

Terima kasih! Dan saya pikir kita bisa menggunakan_.pick

— Freewind

Ini tidak lagi berfungsi sebagai penginapan terbaru, hanya FYI

— Eudis Duran

18

Berikut ini contoh menggunakan 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>

Luaskan cuplikan

— PaulMest
sumber

4

Cara non-lodash untuk menyelesaikan ini dengan cara yang cukup mudah dibaca dan efisien:

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)

Luaskan cuplikan

— thomax
sumber