从 JavaScript 数组中删除空值

Question

我有一个 javascript 数组。

addresses = new Array(document.client.cli_Build.value, 
    document.client.cli_Address.value, 
    document.client.cli_City.value, 
    document.client.cli_State.value, 
    document.client.cli_Postcode.value, 
    document.client.cli_Country.value);
document.client.cli_PostalAddress.value = addresses.join(", ");

我必须将所有这些数组值的内容复制到邮政地址文本区域。当我使用上面的连接函数时，为空值添加了逗号。如何删除这个多余的逗号？

谢谢

Answer 1

您可以使用 filter 进行过滤输出 null 值：

addresses.filter(function(val) { return val !== null; }).join(", ")

Answer 2

使用过滤器 删除所有 falsy 值的方法:

var list = [null, undefined, 0, 1, 2, '', 'test'];

// ES5:
var result = list.filter(Boolean).join(', ');
console.log(result);

// ES6, saves 3 characters:
var result = list.filter(x => x).join(', ');
console.log(result);

Answer 3

另一种过滤器替代品

myArray.filter(function(val){if(val)return val}).join(", ")

document.write(['this','','',,,,'is','a',,,'test'].filter(function(val){if(val)return val}).join(", "));

Answer 4

Underscore 是一个很好的实用程序库，用于函数式编程和列表操作：

_.filter(addresses, function(val) { return val !== null; }).join(", ");

编辑：还有一个更紧凑的方式（感谢安德鲁·德·安德拉德！）：

_.compact(addresses).join(", ");

Answer 5

地址.filter(Boolean).join(", ")

Answer 6

document.client.cli_PostalAddress.value = 
    document.client.cli_PostalAddress.value.replace(/(, )+/g,", ");

或者应该是

document.client.cli_PostalAddress.value = 
    document.client.cli_PostalAddress.value
    .replace(/(null, )/g,"").replace(/(, null)/g,"");

？？

Answer 7

还可以使用 Array.prototype.reduce() 。

它将数组减少为单个值，例如字符串。像这样：

addresses.reduce(function (a, b) {
        if (a && b) { return a + ', ' + b; }
        if (a) { return a; }
        return b;
      }, '');

a 保存中间结果，
b 保存当前元素。

Answer 8

如果你想消除所有的 undefined、null、NaN、""、0，一个简单的方法是使用过滤器回调函数和布尔函数的组合。

var filterArr=arr.filter(function(val){
   return Boolean(val);  
  });

当您将值传递给布尔函数时，如果该值被省略或者为 0、-0、null、false、NaN、undefined 或空字符串 ("")，则该对象的初始值为 false。

以下是此用法的示例：

 function bouncer(arr) {

         var filterArr=arr.filter(function(val){
           return Boolean(val);  
          });

      return filterArr;
    }

以下是一些测试：

bouncer([1, null, NaN, 2, undefined]);//should return [1, 2]
bouncer([7, "ate", "", false, 9]);// should return [7, "ate", 9]
bouncer(["a", "b", "c"]);// should return ["a", "b", "c"]
bouncer([false, null, 0, NaN, undefined, ""]);//should return []

Answer 9

使用以下代码仅删除 null 值，其简短的 & simple:

addresses = addresses.filter(n => (n===null) ? false : true).join(', ');
document.client.cli_PostalAddress.value = addresses;

如果你想删除 null, 0, false & ""(空字符串)之类的值，然后使用：

document.client.cli_PostalAddress.value = addresses.filter(Boolean).join(', ');