在 JavaScript 中检查数组中的值？

Question

我有一个：

var pageURL = location.href; // stores the URL of the current page in the var pageURL

我有：

var Page = Array ();
page [0] = "http://web1.com"
page [1] = "http://web2.com"
page [2] = "http://web3.com"

现在我想做一个函数（称为 nextPage）来检查数组中的哪一个页面等于 PageURL。我还需要一个按钮，所以当我单击它时，它将带我进入下一页。这意味着我想将页面增加 1。

Answer 1

您可以非常简单地使用

var current = page.indexOf(location.href);

Then 转到下一页

location.href = page[current + 1];

Answer 2

    var form = document.createElement('form');
    form.id = "nextForm";
    document.body.appendChild(form);

    var nextButton = document.createElement('input');
    nextButton.type = 'button';
    nextButton.id = 'nextButton';
    nextButton.value = 'Next Button';
    nextButton.onclick = nextPage;
    form.appendChild(nextButton);

    function nextPage() {



        var page = Array ();
        page[0] = "http://web1.com" // insert your urls here
        page[1] = "http://web2.com"
        page[2] = "http://web3.com"


        var matchIndex = page.indexOf(location.href);
        var nextIndex;
        if (matchIndex !== -1 && page[matchIndex + 1]) {
            nextIndex = matchIndex + 1;
        } else {
            alert("You're at the last page"); // next page in the array does not exist, you can handle the error however you want
            return;
        }

        goToNextPage(page[nextIndex]);
    }
    function goToNextPage(url) {
        document.location.href=url;
    }

Answer 3

根据 Joseph 的回答，完整的代码将如下所示：

function goToNextPage() {
    var currentPageUrl = location.href;

    var pageUrls = [
        "http://web1.com",
        "http://web2.com",
        "http://web3.com"
        ];

    var currentIndex = pageUrls.indexOf(location.href);
    var nextIndex = currentIndex + 1;
    var nextPageUrl = pageUrls[nextIndex];
    location.href = nextPageUrl;
}

另外，如果 IE 中对 indexOf 的支持对您来说是一个问题，请查看另一个 StackOverflow 问题的答案： 如何在 Internet Explorer 浏览器的 JavaScript 中修复 Array indexOf()