如何使用對象構建在ES6

Question

我怎麼可以做以下場景ES6

const x = {a: 10, aa: 100, b: 20, bb: 200} 
const AA = { 
    a: x.a, 
    aa: x.aa 
} 
const BB = { 
    b: x.b, 
    bb: x.bb 
} 

我期待像

const x = {a: 10, aa: 100, b: 20, bb: 200} 
const AA = ({ a, aa } from x) 
const BB = ({ b, bb } from x) 

Answer 1

您既可以定義常量AA和BB第一。 ..

const AA = {}, BB = {}; 
const x = {a: 10, aa: 100, b: 20, bb: 200}; 
({a: AA.a, aa: AA.aa, b: BB.b, bb: BB.bb} = x); 

...或者你可以先解構對象，然後定義AA和BB與解構變量：

const x = {a: 10, aa: 100, b: 20, bb: 200} 
const {a, aa, b, bb} = x; 
const AA = {a, aa}; 
const BB = {b, bb}; 

Answer 2

解構的對象是這個職位的錯誤的工具。你想要什麼有時被稱爲「採摘」，可以很容易地實現爲：

function pluck(obj, ...props) { 
    const result = {}; 
    for (let prop of props) { 
    result[prop] = obj[prop]; 
    } 
    return result; 
} 

const AA = pluck(x, 'a', 'aa'); 
const BB = pluck(x, 'b', 'bb');