有時候我們需要將一個對象的某些屬性選取出來,比方說我們有一個用數組表示的數據庫表,我們需要一些函數來 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}
總結
以上所述是小編給大家介紹的JavaScript選取(picking)和反選(rejecting)對象的屬性方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com