如何处理数组含两个值的场景？求jQuery代码优化思路

我懂你的需求啦——原来的代码是找到匹配单个value的元素就移除hide类，现在想要追加逻辑：当目标元素的data-testest数组同时包含两个指定值时，执行特定操作对吧？咱们来一步步梳理实现方案：

核心思路拆解 #

• 先确保目标元素的data-testest属性存在且有效，避免空值或无效格式干扰
• 优先判断数组是否同时包含两个目标值（你可以自定义这两个值），满足条件则执行特定操作
• 若不满足双值条件，再走原逻辑：匹配单个value时移除hide类
• 额外处理数组分割后的空字符串问题，避免无效元素影响判断

优化后的代码示例 #

// 先定义你需要检测的两个目标值，可根据实际业务修改
const targetValueA = '你的第一个目标值';
const targetValueB = '你的第二个目标值';

$.each($target, function(index, htmlEle) { 
    const $currentEle = $(htmlEle);
    const dataStr = $currentEle.data("testest");
    
    // 先校验data属性是否存在且不为空
    if (dataStr) { 
        // 分割字符串为数组，同时过滤掉可能的空字符串
        const valueArr = dataStr.split(" ").filter(item => item.trim() !== '');
        
        // 检查数组是否同时包含两个目标值
        const hasBothTargets = valueArr.includes(targetValueA) && valueArr.includes(targetValueB);
        
        if (hasBothTargets) {
            // 这里写入数组包含两个值时的特定操作
            console.log('触发双值匹配逻辑，执行特定操作');
            // 示例操作：$currentEle.addClass('highlight').text('已匹配双条件');
        } else if (valueArr.includes(value)) { 
            // 原业务逻辑：匹配单个value时移除hide类
            $currentEle.removeClass("hide"); 
        }
    } 
});

关键优化说明 #

• 用const替代var，提升代码的作用域安全性和可读性
• 增加了空字符串过滤：避免因data-testest前后有空格导致分割出空元素，干扰判断
• 用Array.includes()替代手动循环判断，代码更简洁直观（如果需要兼容IE11及以下，可替换为循环遍历判断）
• 清晰区分了双值匹配和单值匹配的分支逻辑，解决了原代码中else分支无效条件的问题

内容的提问来源于stack exchange，提问作者Sanjeev Kumar