[譯]JS Tips:選擇（picking）和反選（rejecting）物件的屬性

揹著燈籠發表於2019-01-28
JS物件

這是我在 JS Tips 上翻譯的一篇文章， 原文在官網：選擇（picking）和反選（rejecting）物件的屬性

有時候我們需要將一個物件的某些屬性放到白名單裡，這樣來說，我們有一個陣列代表了一張資料庫表，並且為了一些功能我們需要從中選出（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 函式中用到了一點‘詭計’。首先，我們用 map 遍歷了鍵名陣列（keys）, 每次都會返回一個包含當前鍵名（key）的物件（如果在目標物件（obj）中沒有當前鍵名，就會返回空物件）。然後我們用 reduce 把返回的所有單個鍵-值物件和合併到一個物件中。

但是，如果我們想反選（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}複製程式碼

相關文章