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

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

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

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 函數中用到了一點(diǎn)小技巧。首先，我們用 map 遍歷了鍵名數組（keys）, 每次都會(huì )返回一個(gè)包含當前鍵名（key）的對象（如果在目標對象（obj）中沒(méi)有當前鍵名，就會(huì )返回空對象）。然后我們用 reduce 把返回的所有單個(gè)鍵-值對象和合并到一個(gè)對象中。

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

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}