如何从 JavaScript 中的数组中删除虚假值？

虚假/虚假值：在 JavaScript 中有 7 个虚假值，如下所示

• 错误的
• 零（0，-0）
• 空字符串(“”, ' ' , ` `)
• BigIntZero(0n,0x0n)
• 空值
• 不明确的
• 钠

在 JavaScript 中，数组接受所有类型的错误值。让我们看看如何在 JavaScript 中从数组中删除错误值的一些方法：

• 使用 for-each 循环
• 使用 Array.filter 方法
• 使用 Array.reduce 方法
• 使用 for...of 循环

例子：

Input: [23, 0, “gfg”, false, true, NaN, 12, “hi”, undefined, [], “”] 
Output: [23, “gfg”, true, 12, “hi”, []]
Input: [“”, 0, false, undefined, NaN, null] 
Output: []

方法：有很多方法可以实现这一点，其中一些如下：

使用 for..each 循环：在这种方法中，我们将使用 for..each 循环迭代数组，并且在每次迭代时，我们检查值是否为真，如果为真，则将值推送到新创建的数组中，然后我们返回新数组。

例子：

Javascript

  let arr = [23, 0, "gfg", false, true, NaN, 12, "hi", undefined, [], ""];
 
  function removeFalsey(arr) {
    // newly created array
    let newArr = [];
 
    // Iterate the array using the forEach loop
    arr.forEach((k) => {
      // check for the truthy value
      if (k) {
        newArr.push(k);
      }
    });
    // return the new array
    return newArr;
  }
 
  console.log(removeFalsey(arr));

输出：

[23, "gfg", true, 12, "hi", []]

使用 Array.filter() 方法：在这种方法中，我们使用 array.filter 方法。 filter 方法检查数组并过滤掉数组的虚假值并返回一个新数组。

例子：

Javascript

  let arr = ["", 0, false, undefined, NaN, null];
 
  function removeFalsey(arr) {
    // Applying the filter method on the array
    return arr.filter((k) => {
      // Checking if the value is truthy
      if (k) {
        return k;
      }
    });
  }
 
  console.log(removeFalsey(arr));

输出：

[]

Array.filter() 方法的ES6 wayo：如果可以使用这个es6语句。

例子：

Javascript

  let arr = [23, 0, "gfg", false, true, NaN, 12, "hi", undefined, [], ""];
 
  function removeFalsey(arr) {
    // Return the first parameter of the callback function
    return arr.filter((val) => val);
  }
 
  console.log(removeFalsey(arr));

输出：

[23, "gfg", true, 12, "hi", []]

传递布尔值：您也可以通过传递布尔构造函数作为过滤器方法的参数来实现。

例子：

Javascript

  let arr = [23, 0, "gfg", false, true, NaN, 12, "hi", undefined, [], ""];
 
  function removeFalsey(arr) {
    // Passing Boolean constructor inside filter
    return arr.filter(Boolean);
  }
 
  console.log(removeFalsey(arr));

输出：

[23, "gfg", true, 12, "hi", []]

使用 Array.reduce 方法：使用 Array.reduce 方法，我们迭代数组并使用空数组初始化累加器，如果当前值不是假值，则返回累加器的串联值，否则仅返回累加器。

例子：

Javascript

  let arr = [23, 0, "gfg", false, true, NaN, 12, "hi", undefined, [], ""];
 
  function removeFalsey(arr) {
    return arr.reduce((acc, curr) => {
      // Check if the truthy then return concatenated value acc with curr.
      // else return only acc.
      if (curr) {
        return [...acc, curr];
      } else {
        return acc;
      }
    }, []); // Initialize with an empty array
  }
 
  console.log(removeFalsey(arr));

输出：

[23, "gfg", true, 12, "hi", []]

使用 for...of 循环

使用 for...of 循环：使用 for...of 循环迭代数组并检查每个项目是否为假或真。如果项目是真实的，则将项目推送到新创建的数组。

例子：

Javascript

  let arr = [23, 0, "gfg", false, true, NaN, 12, "hi", undefined, [], ""];
 
  function removeFalsey(arr) {
 
    // Create a new array
    let output = [];
    for (x of arr) {
      if (x) {
 
        // Check if x is truthy
        output.push(x);
      }
    }
    return output;
  }
 
  console.log(removeFalsey(arr));

输出：

[23, "gfg", true, 12, "hi", []]

使用简单的 for 循环：使用 for 循环迭代数组并检查每个项目是否为假或真。如果项目是真实的，则将项目推送到新创建的数组。

例子：

Javascript

  let arr = [23, 0, "gfg", false, true, NaN, 12, "hi", undefined, [], ""];
 
  function removeFalsey(arr) {
    // Create a new array
    let output = [];
    for (let i = 0; i < arr.length; i++) {
      if (arr[i]) {
        output.push(arr[i]);
      }
    }
    return output;
  }
 
  console.log(removeFalsey(arr));

输出：

[23, "gfg", true, 12, "hi", []]