JavaScript中選取picking和反選rejecting對象的示例分析

這篇文章主要為大家展示了“JavaScript中選取picking和反選rejecting對象的示例分析”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“JavaScript中選取picking和反選rejecting對象的示例分析”這篇文章吧。

有時候我們需要將一個對象的某些屬性選取出來，比方說我們有一個用數(shù)組表示的數(shù)據(jù)庫表，我們需要一些函數(shù)來 select (選取) 幾個字段：

function pick(obj, keys) {
  return keys.map(k => k in obj ? {[k]: obj[k]} : {})
        .reduce((res, o) => Object.assign(res, o), {});
}
const row = {
  'accounts.id': 1,
  'client.name': 'John Doe',
  'bank.code': 'MDAKW213'
};
const table = [
  row,
  {'accounts.id': 3, 'client.name': 'Steve Doe', 'bank.code': 'STV12JB'}
];
pick(row, ['client.name']); // 取到了 client name
table.map(row => pick(row, ['client.name'])); // 取到了一系列 client name

在 pick 函數(shù)中用到了一點小技巧。首先，我們用 map 遍歷了鍵名數(shù)組（keys）, 每次都會返回一個包含當(dāng)前鍵名（key）的對象（如果在目標(biāo)對象（obj）中沒有當(dāng)前鍵名，就會返回空對象）。然后我們用 reduce 把返回的所有單個鍵-值對象和合并到一個對象中。

但是，如果我們想反選（ reject ）屬性／鍵名呢？改造一下我們的函數(shù)就好了：

function reject(obj, keys) {
  return Object.keys(obj)
    .filter(k => !keys.includes(k))
    .map(k => ({[k]: obj[k]}))
    .reduce((res, o) => Object.assign(res, o), {});
}
// 或者, 利用 pick
function reject(obj, keys) {
  const vkeys = Object.keys(obj)
    .filter(k => !keys.includes(k));
  return pick(obj, vkeys);
}
reject({a: 2, b: 3, c: 4}, ['a', 'b']); // => {c: 4}

以上是“JavaScript中選取picking和反選rejecting對象的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！