IndexOf 没有按预期工作：它只找到小于 5 个字符的子字符串

Question

我正在尝试按频道名称过滤电视频道元素。我有一个 html 输入元素，从中我得到它的值。然后，我遍历所有通道名称的数组，如果给定名称的 indexOf 返回值大于 -1，它会为通道分配一个“找到”类。

但是，如果输入值超过 4 个字符，则 indexOf 返回 -1。

输入值和通道名称都是 utf-8 格式（它们都是由同一个 php 文件生成的；有些名称是西里尔文，有些是英文）。不过，如果输入值仅包含英文字符，则 indexOf 可以正常工作。另外，如果我将任何频道名称记录到控制台，将其复制并粘贴到 html 输入中，indexOf 也可以正常工作。

我可以想象两个字符串具有不同字符集的情况，但为什么是 4 个字符？我该如何解决这个问题？

这是我的代码：

function searchChannels(search,context){
        //search is form input val()
        //context is their parent container

        var search = search.toLowerCase();

        channels = context.find('.channel-item');

        channels.removeClass('found');

        for(i = 0;i < channels.length;i++){
            currChnl = $(channels[i]);
            channelName = currChnl.attr('data-name').toLowerCase();
            if(channelName.indexOf(search) > -1) currChnl.addClass('found');
        }
    };

输入字符串的示例是 Мульти（失败）、Муль（有效）和 Nat Geo Wild（有效）。频道名称分别为 Мультиладния 和 Nat Geo Wild。有趣的是，当我从页面复制通道名称或从代码检查器复制它的数据名称属性并将其粘贴到我的表单中时，它也可以工作。

另一个例子：'1-ый обр' 失败 '1-ый об' 适用于 '1-ый образовательный'

Answer 1

我不完全确定发生了什么，但你的字符发生了一些编码。当我将它们粘贴到控制台时，我看到了一个额外的字符。