Создать массив на основе свойств объекта

Question

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

var obj = { 
    property_one: 3; 
    property_two: 2; 
    property_three: 1; 
} 

И я хотел бы закончить с этим:

var array = [ 
    'property_one','property_one','property_one', 
    'property_two','property_two', 
    'property_three' 
] 

Мое текущее решение, чтобы сделать это для каждого свойства:

function theConstructor(){ 
    for(i=1; i <= obj.property_one; i++){ 
     this.array.push('property_one'); 
    }; 
    for(i=1; i <= obj.property_two; i++){ 
     this.array.push('property_two'); 
    }; 
    for(i=1; i <= obj.property_two; i++){ 
     this.array.push('property_two'); 
    }; 
} 

Но это утомительно, потому что у меня может быть много свойств, и это может измениться по мере развития приложения.

Я знаю, что могу цикл по свойствам object «s, как это:

for (var key in obj) { 
    if (obj.hasOwnProperty(key)) { 
    array.push(key); 
    } 
} 

Но это будет толкать значения в массив, а не ключом (в виде строки). Любые идеи о том, как я могу сделать это более эффективно?

Answer 1

Попробуйте

function theConstructor(){ 
    for (var key in obj) { 
    if (obj.hasOwnProperty(key)) { 
     for(var i=1; i <= obj[key]; i++){ 
     this.array.push(key); 
     }; 
    } 
    } 
} 

Answer 2

Использование Array.prototype.reduce():

var obj = { 
 
    property_one: 3, 
 
    property_two: 2, 
 
    property_three: 1 
 
}; 
 

 
var resultArray = Object.keys(obj).reduce(function(result, curItem) { 
 
    for (var index = 0; index < obj[curItem]; index++) { 
 
    result.push(curItem); 
 
    } 
 
    return result; 
 
}, []); 
 

 
document.write(JSON.stringify(resultArray));