使用jQuery在数组中查找元素的技术咨询（附代码示例）

我来帮你梳理下这段数组查找代码的问题和优化方向，先从你的需求和现有代码入手：

你的代码逻辑分析 #

从代码来看，你想要找出selectedVals中**未出现在registeredVals**的元素并存入newList。不过当前selectedVals的所有元素都在registeredVals里，所以newList会是空数组。另外代码里有几个可以优化的点：

• 使用$(selectedVals).each()遍历数组有点冗余，jQuery提供了更直接的$.each()方法；
• 用this指代当前遍历值容易出现上下文混淆，建议通过参数接收遍历值；
• 注释掉的splice方法会原地修改registeredVals数组，如果后续还要使用原数组会导致数据丢失。

优化后的实现方案 #

方案1：基于jQuery的实现（保持你的技术栈） #

var selectedVals = [630, 85, 999]; // 添加一个测试元素验证逻辑
var registeredVals = [17, 630, 85]; 
var newList = []; 

// 更清晰的jQuery遍历方式
$.each(selectedVals, function(index, num) {
    // 用num代替this，避免上下文歧义
    if ($.inArray(num, registeredVals) === -1) {
        newList.push(num);
    }
});

console.log(newList); // 输出 [999]

方案2：原生JavaScript实现（更现代高效） #

现在原生JS的数组API已经足够强大，无需依赖jQuery，推荐使用filter+includes组合：

var selectedVals = [630, 85, 999];
var registeredVals = [17, 630, 85];

// 筛选出selectedVals中不在registeredVals内的元素
var newList = selectedVals.filter(num => !registeredVals.includes(num));

console.log(newList); // 输出 [999]

进阶优化：大数据量场景 #

如果你的数组元素数量很大，includes的查找效率是O(n)，可以把registeredVals转换成Set来将查找复杂度降到O(1)：

var registeredSet = new Set(registeredVals);
var newList = selectedVals.filter(num => !registeredSet.has(num));

关键注意事项 #

• 严格匹配规则：$.inArray和includes都使用严格相等（===）进行匹配，如果数组中是对象而非基本类型，需要自定义比较逻辑（比如用some方法判断对象属性）；
• 避免修改原数组：如果需要移除registeredVals中的匹配元素，一定要先创建数组副本（比如var tempRegistered = [...registeredVals];）再操作，避免影响原数组的后续使用。

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