如何在JavaScript/jQuery对象数组上无需for循环调用removeClass等方法？

当然可以！完全不用写多重for循环就能实现你想要的效果，不管是处理DOM元素数组还是自定义对象数组，都有简洁的方式：

1. 用jQuery直接包装数组（处理DOM元素首选） #

jQuery的构造函数天生支持接收DOM元素数组，把数组传入$()后会自动转换成jQuery集合，所有jQuery的实例方法（比如removeClass、attr）都会自动遍历集合中的每个元素执行，和你直接用选择器获取元素的效果完全一致：

// 假设你已经有一个DOM元素数组
const domElements = document.querySelectorAll('li.listing');

// 直接用jQuery包装数组，然后调用方法
$(domElements).removeClass('listing');
// 或者设置属性
$(domElements).attr('data-status', 'processed');

本质上jQuery内部帮你做了遍历逻辑，但你完全不用手动写循环，API和直接选择元素时一模一样。

2. 原生JS的forEach方法（无依赖方案） #

如果不想依赖jQuery，原生数组的forEach方法就是专门用来替代手动for循环的，它会自动遍历数组的每个元素，你只需要传入要执行的回调函数：

// 移除类名
domElements.forEach(element => {
  element.classList.remove('listing');
});

// 设置属性
domElements.forEach(element => {
  element.setAttribute('data-id', 'updated');
});

如果是ES6+环境，还可以写成更简洁的箭头函数形式，代码非常清爽。

3. 自定义对象数组的批量处理方案 #

如果你的数组里是自定义对象（不是DOM元素），可以自己封装一个通用的批量调用函数，避免重复写遍历逻辑：

/**
 * 给数组中每个对象批量调用指定方法
 * @param {Array} arr - 目标对象数组
 * @param {string} methodName - 要调用的方法名
 * @param {...any} args - 方法需要的参数
 */
function batchCall(arr, methodName, ...args) {
  arr.forEach(item => {
    // 先判断对象是否有这个方法，避免报错
    if (typeof item[methodName] === 'function') {
      item[methodName](...args);
    }
  });
}

// 使用示例：假设数组里的对象都有removeClass方法
const customObjects = [objA, objB, objC];
batchCall(customObjects, 'removeClass', 'listing');

这样以后需要批量调用其他方法时，直接复用这个函数就行，不用每次写forEach。

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