jquery$.each（jqueryeach循环删除多个数组元素 索引）

jQuery $.each() 方法详解**简介**`$.each()` 是 jQuery 提供的一个通用迭代函数，可用于遍历对象和数组。它比 JavaScript 原生的 `for` 循环更简洁灵活，能够处理各种数据结构，并提供便捷的回调函数机制。**一、基本用法**`$.each()` 方法接受两个参数：1. **被迭代的对象/数组：** 可以是数组、对象，甚至是 jQuery 对象。 2. **回调函数：** 在每次迭代中执行的函数。该函数接收两个参数：* **索引/键：** 如果是数组，则为当前元素的索引（从 0 开始）；如果是对象，则为当前属性的键名。* **值：** 当前元素/属性的值。```javascript // 遍历数组 $.each([1, 2, 3], function(index, value) {console.log("索引：" + index + "，值：" + value); });// 遍历对象 $.each({ name: "John", age: 30 }, function(key, value) {console.log("键名：" + key + "，值：" + value); }); ```**二、`this` 关键字**在回调函数内部，`this` 关键字指向当前迭代的元素/值。 需要注意的是，对于数组，`this` 的值是原始值的一个副本，修改 `this` 不会改变原数组。```javascript $.each([1, 2, 3], function() {this *= 2; // 不会修改原数组console.log(this); // 输出 2, 4, 6 }); ```**三、提前退出循环**可以使用 `return false` 来提前终止 `$.each()` 循环，类似于 `break` 语句。使用 `return true` 相当于 `continue` 语句，跳过当前迭代并继续下一个。```javascript $.each([1, 2, 3, 4, 5], function(index, value) {if (value > 3) {return false; // 停止循环}console.log(value); // 输出 1, 2, 3 });$.each([1, 2, 3, 4, 5], function(index, value) {if (value === 3) {return true; // 跳过 3}console.log(value); // 输出 1, 2, 4, 5 }); ```**四、遍历 jQuery 对象**`$.each()` 可以直接遍历 jQuery 对象，`this` 关键字指向当前迭代的 DOM 元素 (需要用 $(this) 包裹才能使用 jQuery 方法)。```javascript $('li').each(function(index) {$(this).text('Item ' + (index + 1)); }); ```**五、与 JavaScript 原生循环的比较**虽然 JavaScript 原生循环（例如 `for...in` 和 `for...of`）也能实现类似的功能，但 `$.each()` 提供了更简洁的语法和跨浏览器兼容性，尤其是在处理 jQuery 对象时更为方便。**六、总结**`$.each()` 是一个功能强大且灵活的迭代函数，它简化了遍历对象和数组的过程，并提供了便捷的回调机制。理解其用法，可以有效提高 jQuery 代码的效率和可读性。**七、示例：使用 `$.each()` 创建表格**```javascript var data = [{ name: "Apple", price: 1 },{ name: "Banana", price: 0.5 },{ name: "Orange", price: 0.75 } ];var table = $('