Erstellen Sie ein Array aus Werten im Schlüssel/Wert-Objekt?

Question

Ich habe eine Reihe von verschiedenen Übungen:

exercises: { 
    push: ['Push up', 'Bench press'], 
    legs: ['Squat', 'Power squats'], 
    pull: ['Pull up', 'Chin up'], 
    cardioCore: ['Running high knees', 'Plank'] 
} 

Wie kann ich alle diese in ein einziges Array oder Objekt kombinieren? Ich muss dies zu erstellen:

Ich werde auch alphabetisch sortieren, so dass die Reihenfolge nicht wichtig ist.

Ich glaube, ich dies wie dies mit einem forEach, etwas tun könnte:

let allExercises = []; 
exercises.forEach(exerciseGroup=>{ 
    allExercises.push(exerciseGroup); 
}); 

Aber das fühlt sich ein bisschen chaotisch. Gibt es eine schönere ES6-Lösung?

Answer 1

Ja, verwenden Sie einfach Object.values und Array.prototype.reduce.

const allExercises = Object.values(exercises) 
    .reduce((array, subarray) => array.concat(subarray), []); 

Answer 2

[].concat.apply([], Object.values(exercises)); 

Answer 3

Meine hässliche Lösung:

let combineExercises = []; 

    Object.values(allExercises).forEach((exerciseGroup) => { 
    exerciseGroup.forEach((exercise) => { 
     combineExercises.push(exercise) 
    }) 
    }); 

    console.log(combineExercises); 

Answer 4

können Sie verwenden Object.values & spread operator

var exercises = { 
 
    push: ['Push up', 'Bench press'], 
 
    legs: ['Squat', 'Power squats'], 
 
    pull: ['Pull up', 'Chin up'], 
 
    cardioCore: ['Running high knees', 'Plank'] 
 
} 
 
var allexercise ={},tempArray=[]; 
 
for(var keys in exercises){ 
 

 
    tempArray.push(...Object.values(exercises[keys])) 
 
} 
 
allexercise=tempArray; 
 

 
console.log(allexercise)

Answer 5

Hier ist eine andere Art und Weise, ES6 kompatibel .:

Object.getOwnPropertyNames(exercises) 
.reduce((allExercises, exerciseName) => [...allExercises, ...(exercises[exerciseName])], []) 

Wie @stealththeninja sagte, können Sie auch tun dies eine Reihe von Overhead zu reduzieren.

Object.getOwnPropertyNames(exercises).reduce((allExercises, exerciseName) => { 
    allExercises.push(...exercises[exerciseName]); 
    return allExercises; 
}, []);