jQuery将数组空值去掉|极客教程

jQuery将数组空值去掉

在前端开发中，经常会遇到需要处理数组的情况。有时候数组中可能会存在空值或者undefined值，我们希望将这些空值去掉，只保留有效的值，这就需要对数组进行过滤操作。在jQuery中，通过一些方法可以很方便地实现对数组进行空值去除的操作。

使用$.grep()方法

$.grep()方法是jQuery提供的用于过滤数组的工具。它的用法如下：

$.grep(array, function(item) {
  return item !== undefined && item !== null && item !== '';
});

这样就可以实现过滤掉数组中所有空值（undefined、null、空字符串）的功能。

下面是一个示例代码，演示如何使用$.grep()方法实现数组空值去掉：

let array = [1, '', undefined, 3, null, 5, '', 7];

let filteredArray = $.grep(array, function(item) {
  return item !== undefined && item !== null && item !== '';
});

console.log(filteredArray);

在上面的示例中，将数组array中的空值去掉后，得到的filteredArray为[1, 3, 5, 7]。

自定义过滤函数

除了使用$.grep()方法外，也可以自定义过滤函数来实现对数组的空值去除。例如：

function filterEmptyValues(array) {
  let filteredArray = [];

  for (let i = 0; i < array.length; i++) {
    if (array[i] !== undefined && array[i] !== null && array[i] !== '') {
      filteredArray.push(array[i]);
    }
  }

  return filteredArray;
}

let array = [1, '', undefined, 3, null, 5, '', 7];
let filteredArray = filterEmptyValues(array);

console.log(filteredArray);

使用自定义的过滤函数同样可以达到去除数组空值的效果。以上代码的输出也是[1, 3, 5, 7]。