將2個值分配給整個鍵的數組

Question

這可能是個愚蠢的問題，但我想快速解決這個問題。

我有默認顏色數組：

foreg：defColors = ['green', 'yellow'];

，我有柱的另一個數組

cols = ['lowest', 'low', 'medium', 'high', 'highest'];

我有前三個項目中的值cols陣列等這個。

filler = ['lowest': 'darkred', 'low': 'red'];

，現在我想將值分配給的cols陣列的價值休息，使它看起來像這樣：

filler = [lowest: 'darkred', low: 'red', medium: 'green', high: 'yellow', highest: 'green']

這可能會非常棘手，但我想正是這樣，所以如果默認顏色有2個項目，它將爲循環中的項目分配其所有剩餘項目的值。

注：我也有不都這樣分配其價值山坳元素的數組：

remainingKeys = ['medium', 'high', 'highest'];

Answer 1

您可以使用Array#forEach遍歷您remainingKeys並更新filler的屬性對象（請注意，由於它不是數組，它應該括在大括號內而不是方括號內）。 remainder operator（%）在此處用於以重複模式從defColors陣列中選擇顏色。

var defColors = ['green', 'yellow'] 
 
var cols = ['lowest', 'low', 'medium', 'high', 'highest'] 
 
var filler = {'lowest': 'darkred', 'low': 'red'} 
 
var remainingKeys = ['medium', 'high', 'highest']; 
 

 

 
remainingKeys.forEach(function (key, i) { 
 
    this[key] = defColors[i % defColors.length] 
 
}, filler) 
 

 
console.log(filler)

.as-console-wrapper { min-height: 100%; }