Заполнить массив объектов другим массивом объектов

Question

У меня есть массив объектов:

source_array = [
    {
        "prop1":"one",
        "prop2":"two",
        "prop3":"three"
    },
    {
        "prop1":"four",
        "prop2":"five",
        "prop3":"six"
    }
]

и объявление destination_array:

destination_array: { prop1: any, prop2: any }[];

Теперь я хочу заполнить destination_array, чтобы я взял только prop1 и prop2 из source_array вот так:

[
    {
        "prop1":"one",
        "prop2":"two"

    },
    {
        "prop1":"four",
        "prop2":"five"
    }
]

Я пробовал это:

this.objectArray = new Array(this.performances.length)
this.performances.filter(item => {
  this.objectArray.fill({'prop1':item.prop1, 'prop2':item.prop2})
});

, но это вернет только:

[
    {
        "prop1":"four",
        "prop2":"five"

    },
    {
        "prop1":"four",
        "prop2":"five"
    }
]

что такое Я делаю не так?

Answer 1

Попробуйте следующее:

this.destinations = this.performances.map(performance => ({
  prop1: performance.prop1,
  prop2: performance.prop2
}));
console.log(this.destinations);

Рабочий пример: https://stackblitz.com/edit/angular-filter-array-properties?file=src / app / app.component.ts

Answer 2

Думаю, вы ищете функцию Array.map

const destination_array = source_array.map(item => {
    return {prop1: item.prop1, prop2: item.prop2}
});

Answer 3

Используйте Array.Map()

var source_array = [
    {
        "prop1":"one",
        "prop2":"two",
        "prop3":"three"
    },
    {
        "prop1":"four",
        "prop2":"five",
        "prop3":"six"
    }
];

var results = source_array.map(function(item){
  return {prop1 : item["prop1"], prop2 : item["prop2"]}
});

console.log(results);