javascript - 当循环停止情况增加 1 时，页面停止加载

Question

我正在我的网站上使用 Instagram API，只需抓取前 8 张图片描述的前几个单词。

我的问题是，如果我尝试每张图片包含超过 11 个单词，页面就会停止加载。

这是我的代码:

success: function (data) {
            console.log(data);
            data.data.forEach(function (pic) {
                var height = pic.images.standard_resolution.height;
                var width = pic.images.standard_resolution.width;
                if (width == height && pic.type != "video") {
                    $("#img" + i).append("<img class='img-fluid' alt='placeholder' src=\"" + pic.images.standard_resolution.url + "\" > ");
                    var text = pic.caption.text;
                    var s = ""
                    var words = 0;
                    var j = 0;
                    while (words < 11 || j < text.length) {
                        if (text[j] == ' ') {
                            words++;
                        }
                        s += text[j];
                        j++;
                    }
                    $("#img" + i).append("<div class='mask flex-center waves-effect waves-light rgba-black-light'><p id='txt" + i + "' class='white-text'>" + s + "</p></div>");
                    i++;
                }
            });
        }

我真的不知道我做错了什么，还有 8 个字有什么可怕的(我只获取 8 张图片)。

预先感谢您查看我的问题。

Answer 1

您的 while 条件应该使用 && 而不是像这样的 || while (words < 11 && j < text.length)否则，您可能已读完句子，但仍未达到最大字数。此外，您还缺少 var s = ""; 上的分号

为了简化您的代码，您可以使用 split获取短语单词数的方法。例如:

var str = 'This is a random string';
var wordCount = str.split(' ').length;