我试图优雅地解决这个问题,但我想我只是让自己感到困惑。使用任意长度和内容的数组输入(例如,[0,1,2,3,4,5,...]
),我希望输出为:
[
{ slide: 0, style: 'A' },
{ slide: 1, style: 'A' },
{ slide: 2, style: 'B' },
{ slide: 3, style: 'B' },
{ slide: 4, style: 'A' },
{ slide: 5, style: 'A' },
{ slide: 6, style: 'B' },
{ slide: 7, style: 'B' },
{ slide: 8, style: 'A' },
{ slide: 9, style: 'A' },
{ slide: 10, style: 'B' },
{ slide: 11, style: 'B' },
...
]
所以只是重复了A A B B
模式。
这是我尝试过的,但似乎在经过几次迭代后就会崩溃。
const slides = [...Array(24).keys()];
const getStyleForIndex = (index) => {
if ((index) % 4 === 0 || (index) % 5 === 0 || index === 1) {
return 'A';
}
return 'B';
};
const newSlides = slides.map((slide, index) => ({ slide: slide, style: getStyleForIndex(index) }));
console.log(newSlides);
任何有关模数运算符的帮助都将非常感谢!
你应该在两种情况下使用index % 4
,而不是index % 5
。这将返回循环通过0, 1, 2, 3
的一系列数字。
if (index % 4 == 0 || index % 4 == 1) {
return 'A';
} else {
return 'B';
}
或更简单地说:
return index % 4 < 2 ? 'A' : 'B';
您可以通过位移和检查奇数来采用不同的方法。
移位取数字并除以2(因为两个相同的值按顺序)并取整数值,下一次检查用于检查组。
var i = 0;
while (i < 10) {
console.log(i, i >> 1 & 1 ? 'B' : 'A');
i++;
}
.as-console-wrapper { max-height: 100% !important; top: 0; }