javascript - 在下面的链接中，为什么他们在javascript步骤中的slides[slideIndex-1].style.display = "-1"处添加 "block"？

Question

在下面的链接中，为什么他们在javascript步骤中的slides[slideIndex-1].style.display = "block"处添加“-1”？ https://www.w3schools.com/howto/howto_js_slideshow.asp

Answer 1

我理解这是因为slideIndex(1)的值与幻灯片的长度进行比较，并且因为slideIndex的值增加1然后减去它以避免尝试时出现未定义访问幻灯片数组中超出范围的元素。

例如

有一个包含以下值的数组，并记住数组有 0 个索引

const slides = [1, 2, 3];

如果你尝试访问位置 4

slides[4];

您将得到一个未定义，并且在幻灯片放映的上下文中，您可能会收到一个错误，因此为了防止此错误，您需要在获取幻灯片数组中的值之前对 SlideIndex 值进行 substrcat。

通常更常见的是在长度为 1 时进行减法并从 0 开始索引计数。