One-liner, чтобы взять некоторые свойства объекта в ES 6

Question

Как написать функцию, которая берет только несколько атрибутов самым компактным способом в ES6?

Я придумал решение с использованием деструктурирования + упрощенного объектного литерала, но мне не нравится, что в коде повторяется список полей.

Есть ли еще более тонкое решение?

(v) => { 
    let { id, title } = v; 
    return { id, title }; 
} 

Answer 1

Вот что-то более тонкое, хотя оно не позволяет повторять список полей. Он использует «деструктурирование параметров», чтобы избежать необходимости в параметре v.

({id, title}) => ({id, title}) 

@ Решение EthanBrown является более общим. Вот более идиоматическая версия его, которая использует Object.assign и вычисляемые свойства ([p] части):

function pick(o, ...props) { 
    return Object.assign({}, ...props.map(prop => ({[prop]: o[prop]}))); 
} 

Если мы хотим сохранить атрибуты от свойств, таких как configurable и добытчики и сеттера, а также пропуска не -enumerable свойства, затем:

function pick(o, ...props) { 
    var has = p => o.propertyIsEnumerable(p), 
     get = p => Object.getOwnPropertyDescriptor(o, p); 

    return Object.defineProperties({}, 
     Object.assign({}, ...props 
      .filter(prop => has(prop)) 
      .map(prop => ({prop: get(props)}))) 
    ); 
} 

Answer 2

Я не думаю, что есть какой-нибудь способ сделать это гораздо более компактным, чем ваш ответ (или torazburo), но в основном то, что вы пытаетесь сделать, это подражать Underscore's pick operation. Было бы достаточно легко повторно реализовать, что в ES6:

function pick(o, ...fields) { 
    return fields.reduce((a, x) => { 
     if(o.hasOwnProperty(x)) a[x] = o[x]; 
     return a; 
    }, {}); 
} 

Тогда у вас есть под рукой многоразовое функцию:

var stuff = { name: 'Thing', color: 'blue', age: 17 }; 
var picked = pick(stuff, 'name', 'age'); 

Answer 3

У меня есть похожее на решение Этана Брауна, но еще короче - pick функция. Другая функция pick2 немного длиннее (и медленнее), но позволяет переименовывать свойства аналогично ES6.

const pick = (o, ...props) => props.reduce((r, p) => p in o ? {...r, [p]: o[p]} : r, {}) 

const pick2 = (o, ...props) => props.reduce((r, expr) => { 
    const [p, np] = expr.split(":").map(e => e.trim()) 
    return p in o ? {...r, [np || p]: o[p]} : r 
}, {}) 

Вот пример использования:

const d = { a: "1", c: "2" } 

console.log(pick(d, "a", "b", "c"))  // -> { a: "1", c: "2" } 
console.log(pick2(d, "a: x", "b: y", "c")) // -> { x: "1", c: "2" } 

Answer 4

Хитрости к решению этого как однострочник является переворачивать подход: Вместо того, начиная с исходного объектом orig, можно начать с ключи, которые они хотят извлечь.

Используя Array#reduce, можно сохранить каждый необходимый ключ на пустой объект, который передается как initialValue для указанной функции.

Как так:

const orig = { 
 
    id: 123456789, 
 
    name: 'test', 
 
    description: '…', 
 
    url: 'https://…', 
 
}; 
 

 
const filtered = ['id', 'name'].reduce((result, key) => { result[key] = orig[key]; return result; }, {}); 
 

 
console.log(filtered); // Object {id: 123456789, name: "test"}

Answer 5

TC39's object rest/spread properties proposal сделает это довольно гладким:

let { x, y, ...z } = { x: 1, y: 2, a: 3, b: 4 }; 
z; // { a: 3, b: 4 } 

(Он имеет оборотную сторону создания x и y переменные, которые вы можете не нужно.)

Answer 6

Мне было нужно это разрешение, но я не знал, имеются ли предлагаемые ключи. Итак, я взял @torazaburo ответ и улучшение моего случая использования:

function pick(o, ...props) { 
    return Object.assign({}, ...props.map(prop => { 
    if (o[prop]) return {[prop]: o[prop]}; 
    })); 
} 

// Example: 
var person = { name: 'John', age: 29 }; 
var myObj = pick(person, 'name', 'sex'); // { name: 'John' } 

Answer 7

Крошечная немного короче решение, используя оператор запятая:

const pick = (O, ...K) => K.reduce((o, k) => (o[k]=O[k], o), {})