[s.....e]

Jak w #javascript osiągnąć coś takiego, aby przeiterować tablicę elementów i zmapować/spłaszczyć je jako właściwości nowego obiektu? Chciałbym osiągnąć coś takiego:

customSizes = [25, 50].map(i => { return { [i]: i + 'px'} }) // ???

aby powstał jeden, nowy obiekt:

customSizes {
 '25' : '25px',
 '50' : '50px'
}

#programowanie

[JanekZeStudzianek]

@sheeple: spróbuj reduce

[cppguy]

@sheeple:

[25, 50].reduce((a, b) => { a[b] = `${b}px`; return a}, {})

[lobo]

@sheeple: nieco mniej wydajne rozwiązanie, ale bez reduce

const customsizes = Object.fromEntries([25, 50].map(num => [num, ${num}px]))

[Makurise]

@sheeple: @cppguy:

Można skorzystać z faktu, że operator && zawsze zwraca ostatnią wartość i zrobić takie coś:

[25, 50].reduce((a, b) => (a[b] = `${b}px`) && a, {})

W ten sposób pozbywamy się brzydkiego średnika i return na końcu ( ͡° ͜ʖ ͡°)

[s.....e]

Dzięki. Lubię takie smaczki a w JS wszedłem trochę z przymusu ze względu na Tailwind CSS, gdzie konfiguracja na nim bazuje

[wybacz]

@Makurise:

operator && zawsze zwraca ostatnią wartość

false && true

( ͡º ͜ʖ͡º)