Функциональный способ создания массива из свойств массива объектов?

Question

Так в основном вот что у меня есть, который работает как задумано -

 let newList: any[] = []; 

     for (let stuff of this.Stuff) { 
      newList = newList.concat(stuff.food); 
     } 

Так в основном веществе является массивом объектов, где каждый объект имеет свойство, которое является еще одним объектом называется пища. Я хочу пройти через этот массив Stuff и создать новый массив с каждым экземпляром пищи внутри него.

Я не думаю, что я сделал это плохо, мне просто интересно узнать, как кто-то сделал бы это без цикла for.

Cheers.

Answer 1

Вы ищете map method:

const newList = this.Stuff.map(stuff => stuff.food); 

Вы не должны использовать непрерывное переназначение переменного, и это, конечно, не работает :-) Кроме того, с помощью concat несколько раз довольно неэффективен, вам Лучше использовать push в цикле for…of. Но map все еще проще и лучше.

Answer 2

Попробуйте этот подход, также используя метод reduce

var arr = [[1,2,3],[4,5,6],[7,8,9]]; 
 
var output = arr.reduce(function (prev, curr){ return prev.concat(curr) }); 
 
console.log(output);

Answer 3

Вы можете выразить это красиво с дополнительным функциональным примитивным

const prop = x => y => y[x]; 

const newList = this.Stuff.map(prop('food'));