在前端开发中，我们经常需要操作数组。而对于需要删除数组中特定元素的情况，我们可以采用不同的方法。本文将介绍一种清洁的方式来从 JavaScript 数组中删除元素，使用 jQuery 和 CoffeeScript 实现。
普通的删除方式
在 JavaScript 中，我们可以使用 splice() 函数来删除数组中的元素。该函数接受两个参数，第一个参数是要删除的元素的索引，第二个参数是要删除的元素的数量。
例如，要从以下数组中删除第三个元素：
var arr = [1, 2, 3, 4, 5]; arr.splice(2, 1); console.log(arr); // [1, 2, 4, 5]
这种方法可以有效地删除元素，但它会改变原始数组，可能会导致潜在的问题。因此，我们需要考虑其他的解决方案。
清洁的删除方式
为了避免修改原始数组，我们可以将其复制到一个新的数组中，并在新数组中删除元素。这样做的好处是原始数组保持不变，可以在需要时进行比较和重复使用。同时，这也是一种更加可读和易于维护的方式。
以下是使用 jQuery 和 CoffeeScript 实现的代码示例：
arr = [1, 2, 3, 4, 5] new_arr = jQuery.grep arr, (val, index) -> index isnt 2 console.log new_arr # [1, 2, 4, 5]
在上述代码中，我们使用了 jQuery 的 grep() 函数。该函数接受两个参数，第一个参数是要操作的数组，第二个参数是一个回调函数。回调函数会对数组中的每个元素进行操作，并根据返回值返回新的数组。
在本例中，我们将新数组赋值给 new_arr，并传递了一个回调函数。该函数的第一个参数是当前元素的值，第二个参数是当前元素的索引。如果当前元素的索引不等于 2，则返回 true，表示保留该元素；否则返回 false，表示删除该元素。
总结
在本文中，我们介绍了一种清洁的方式来从 JavaScript 数组中删除元素。与直接修改原始数组不同，这种方法可以保持原始数组的不变性，并且更加可读和易于维护。同时，我们还提供了使用 jQuery 和 CoffeeScript 实现的示例代码。希望读者可以从本文中学到一些有用的技巧，并在实际开发中得到应用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/13374