這篇文章主要為大家展示了“JavaScript中選取picking和反選rejecting對象的示例分析”,內(nèi)容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學習一下“JavaScript中選取picking和反選rejecting對象的示例分析”這篇文章吧。
創(chuàng)新互聯(lián)公司從2013年開始,先為福安等服務建站,福安等地企業(yè),進行企業(yè)商務咨詢服務。為福安企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務解決您的所有建站問題。
有時候我們需要將一個對象的某些屬性選取出來,比方說我們有一個用數(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), 每次都會返回一個包含當前鍵名(key)的對象(如果在目標對象(obj)中沒有當前鍵名,就會返回空對象)。然后我們用 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)容對大家有所幫助,如果還想學習更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!