javascript - 似乎无法让break语句在JavaScript的条件循环和for循环中正常工作

Question

我正在循环遍历 DOM 中的链接集合，并尝试根据条件设置属性。这样做时，我想去掉基本 URL 之后的特定字符串:

http://smodev.rye.avon.com/XXXX/page.aspx

所以我会得到:

page.aspx

到目前为止，我设法关闭基本 URL，起初我想使用正则表达式，将 /XXXX/ 归零，但我想在另一个脚本中使用此脚本上下文，因为在其他情况下只有路径名会膨胀:

/XXXX/XXXX/page.aspx

当然，我认为在下面的 includes 和 replace 方法中使用 conditional 是可行的。

  var MarkUpChecker = (function iffe() {
    var publicAPI = {
        getURL: function() {
            for (var i = 0; i < arguments.length; i++) {
                return {
                    'smo': 'http://smo.rye.avon.com',
                    'smodev': 'http://smodev.rye.avon.com',
                    'youravon_sans_w': 'http://youravon.com',
                    'youravon': 'http://www.youravon.com',
                    'youravon2': 'http://www2.youravon.com'
                }[arguments[i]];
            }
        },
        searchURL: function() {
            var link, url, parser, newPathName = '';
            for (var i = 0, len = arguments.length; i < len; i++) {
                url = this.getURL(arguments[i]);
                for (var j = 0, jlen = document.links.length; j < jlen; j++) {
                    link = document.links[j];
                    if (link.href.indexOf(url) !== -1) {
                        parser = document.createElement('a');
                        parser.href = link.href;

                        link.setAttribute('target', '_self');
                        newPathName = parser.pathname;


                        if (newPathName.includes('/Executive/')) {
                            var newstr = newPathName.replace('/Executive/', '');
                            break;
                        }
                        if (newPathName.includes('/District/')) {
                            newstr = newPathName.replace('/District/', '');
                            break;
                        }
                        if (newPathName.includes('/Division/')) {
                            newstr = newPathName.replace('/Division/', '');
                            break;
                        }
                        if (newPathName.includes('/National/')) {
                            newstr = newPathName.replace('/National/', '');
                            break;
                        }
                        link.href = newstr;

                    }

                }
            }
        }
    };
    return publicAPI;
})();

当单步执行调试器时，我注意到它在第一遍中有效! \0/ 然而，随着循环的进行，它变得一团糟，正如您在此处看到的:

newstr 变量不应该返回:

/XXXX/XXXX/XXXX/page.aspx

否则直接返回

page.aspx

当遇到'/Executive/'、'/District/'、'/Division/'、'/National/'时

Answer 1

break 没有执行您期望的操作 - 它不像 case 语句中那样 - 它会让您退出内部 for循环!

其次，如果没有一个 if 条件为 true，则分配一个 newstr 值，该值要么是 undefined，要么是在之前的迭代。这确实造成了巨大的困惑。

而是使用else:

if (newPathName.includes('/Executive/')) {
    var newstr = newPathName.replace('/Executive/', '');
} else if (newPathName.includes('/District/')) {
    newstr = newPathName.replace('/District/', '');
} else if (newPathName.includes('/Division/')) {
    newstr = newPathName.replace('/Division/', '');
} else if (newPathName.includes('/National/')) {
    newstr = newPathName.replace('/National/', '');
}

但是看看您在这里尝试执行的操作，您可以通过一次替换来完成:

var newstr = newPathName.replace('/Executive|District|Division|National/', '');

如果您的目标是在出现这些单词之一时完全删除路径，请执行以下操作:

if(newPathName.search(/Executive|District|Division|National/) != -1) {
    newPathName = newPathName.split('/').pop();
}
linkhref = newPathName;