javascript - 从大型数组中返回均匀数量为 "spaced"的索引。

Question

我有一个包含 20 个 RGB 颜色值的 Javascript 数组，如下所示:

defaultColors: [ rgb(58, 185, 180)','rgb(63, 186, 172)','rgb(71, 185, 159)','rgb(80, 185, 146)','rgb(90, 186, 132)','rgb(103, 187, 119)','rgb(117, 188, 104)','rgb(137, 193, 96)','rgb(163, 200, 90)','rgb(189, 206, 87)','rgb(212, 214, 86)','rgb(232, 219, 87)','rgb(245, 221, 89)','rgb(254, 221, 87)','rgb(254, 216, 83)','rgb(254, 206, 78)', 'rgb(253, 193, 72)','rgb(251, 178, 66)','rgb(244, 163, 63)','rgb(240, 150, 60)']

在任何给定时间，我可能只需要这些颜色中的 7 种，但我想从全光谱中提取颜色。我不只是想要前 7 种颜色。我需要更多像这样的东西:

或者说我需要 10 种颜色。这看起来更像这样:

关于如何实现这一目标的建议？

Answer 1

当你需要 7 个，均匀分布时，Math.ceil(20/7) = 3，那么你可以这样做:

var chosenColors = [];
for(var i =0; i<20 && chosenColors.length<7; i+=3) chosenColors.push(defaultColors[i]);

当你需要 10 个，均匀分布时，Math.ceil(20/10) = 2，那么你可以这样做:

var chosenColors = [];
for(var i =0; i<20 && chosenColors.length<10; i+=2) chosenColors.push(defaultColors[i]);