Gabungkan array ke satu array setelah difilter

Saya punya banyak objek, di mana saya hanya mengambil lokasi. Tujuan saya adalah menggabungkan array lokasi ini menjadi satu array, namun saya gagal melakukannya dan mendapatkan array kosong. Beginilah cara saya melakukannya:

let results = [{
    id: '1',
    locations: ['aaaa', 'bbbbbb', 'cccccc']
  },
  {
    id: '2',
    locations: []
  },
  {
    id: '3',
    locations: ['ddd', 'aaadsad', 'sefd']
  },
  {
    id: '4',
    locations: ['ffff', 'eeee', 'sfdsfsd']
  },
];
const locationIds = [].concat.apply([], ...results.filter(s => s.locations && s.locations.length > 0).map(({
  locations
}) => ({
  locations
})));

console.log(locationIds);

apa yang saya lakukan salah di sini? Hasilnya seharusnya ['aaaa', 'bbbbbb', 'cccccc', 'ddd', 'aaadsad', 'sefd', 'ffff', 'eeee', 'sfdsfsd'];

Anda tidak perlu di filtersini. Cukup gunakan mapmetode dengan melewati fungsi callback yang disediakan yang diterapkan untuk setiap item pada array.

let results = [{ id: '1', locations: ['aaaa', 'bbbbbb', 'cccccc'] }, { id: '2', locations: [] }, { id: '3', locations: ['ddd', 'aaadsad', 'sefd'] }, { id: '4', locations: ['ffff', 'eeee', 'sfdsfsd'] }, ];

const locationIds = [].concat(...results.map(s => s.locations));

console.log(locationIds);

Anda dapat mencoba dengan flatMap():

The flatMap()Metode pertama memetakan setiap elemen menggunakan fungsi pemetaan, maka merata hasilnya ke array baru. Hal ini identik dengan map()diikuti oleh flat()dari kedalaman 1 , tapi flatMap()sering cukup berguna, karena menggabungkan kedua menjadi satu metode adalah sedikit lebih efisien.

let results = [{
    id: '1',
    locations: ['aaaa', 'bbbbbb', 'cccccc']
  },
  {
    id: '2',
    locations: []
  },
  {
    id: '3',
    locations: ['ddd', 'aaadsad', 'sefd']
  },
  {
    id: '4',
    locations: ['ffff', 'eeee', 'sfdsfsd']
  },
];
const locationIds = results.flatMap(i => i.locations);
console.log(locationIds);

Anda dapat mengambil Array#flatMapdengan properti yang diinginkan. Jika properti tidak diberikan, tambahkan array default || [].

let results = [{ id: '1', locations: ['aaaa', 'bbbbbb', 'cccccc'] }, { id: '2', locations: [] }, { id: '3', locations: ['ddd', 'aaadsad', 'sefd'] }, { id: '4', locations: ['ffff', 'eeee', 'sfdsfsd'] }],
    locationIds = results.flatMap(({ locations }) => locations);

console.log(locationIds);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Dapat juga menyelesaikan menggunakan fungsi Reduce dari Array.prototype.

var newResults = results.reduce(function(acc, curr) {
    return acc.concat(curr.locations)
  },[]
)

semoga ini membantu

Saya menghabiskan waktu terlalu lama untuk tidak memposting solusi saya sendiri - teka-teki yang menarik bagi saya, meskipun jawaban lain tidak diragukan lagi lebih berkinerja dan mudah dibaca. Ini menggunakan jenis strategi yang sama dengan posting asli Anda, yang mungkin membantu menunjukkan di mana kesalahannya.

const locationIds = [].concat
                    .apply([], results.filter(result => 
                    result.locations && result.locations.length > 0)
                    .map(result => { return result.locations }));