替换数组中缺失/未定义值的最佳方法

Best way to replace missing/undefined values in an array?

本文关键字:最佳 方法 未定义 数组 替换      更新时间:2023-09-26

我需要处理一些包含undefined值的数组,如下所示:

[ 1, 1, 1, 1, 1, , 1, 1 ]
[ 1, , 1, , , 1, 1 ]
[ 1, , , , , 1, 1 ]

我需要实现的是不是删除undefined值,但我需要用零替换它们。

我尝试使用underscore.js来实现这一点;没有成功。

下面是我的解决方案:

binarymap = _.map(binarymap, function(curr){
    // let's replace all undefined with 0s
    if(_.isUndefined(curr)) {
        return 0;
    }
    return curr;
});

不幸的是,它不起作用。下划线。js函数_.map完全忽略undefined值。

任何想法?优雅的解决方案?

这里的实际问题是缺少数组元素

数组元素可以省略在元素的开头、中间或结尾元素列表。每当元素列表中的逗号前面没有赋值表达式(即,逗号在开头或后面)另一个逗号),缺少的数组元素有助于的长度数组并增加后续元素的索引。省略数组元素没有定义。的结尾省略了一个元素

Array.prototype.map跳过所有缺失的数组元素,

callbackfn只对数组中实际存在的元素调用存在;对于数组中缺少的元素,不调用该函数。

因此,为了让map函数考虑数组元素,我能想到的最简单的方法就是稍微调整一下方法,像这样

var arr = [ 1, , , , , 1, 1 ];
console.log(_.map(Array.apply(null, arr), function (currentItem) {
    return _.isUndefined(currentItem) ? 0 : currentItem;
}));
# [ 1, 0, 0, 0, 0, 1, 1 ]

这里,Array.apply(实际上是Function.prototype.apply)做了重要的事情,将缺失的元素转换为undefined

console.log(Array.apply(null, arr));
# [ 1, undefined, undefined, undefined, undefined, 1, 1 ]

你是这个意思吗?

var arr = [ 1, , , , , 1, 1 ];
for( var i = 0; i < arr.length; i++ ) {
 if( typeof(arr[i])==="undefined" ) {
  arr[i] = 9;
 }
}
console.log( arr );
// yields [1, 9, 9, 9, 9, 1, 1] 

自从发布以来可能发生了一些变化,但是下划线(v1.8.3)和lodash (v4.13.1)都可以很好地处理这个问题:

var u = [1, , , , , 1, 1];
_.map(u, function(n) { return n || 0; });
// [1, 0, 0, 0, 0, 1, 1]

本机循环跳过未定义的项,因为它们只显式地循环数组的已定义元素(ref)。源数组不包含undefined元素,它包含根本没有定义的元素。

这些数组是不同的:

[1, undefined, 1]
[1, , 1]

第一个数组将它的第一个索引定义为undefined
第二个数组根本没有定义第一个索引。
长度都是3

这感觉就像它开始进入WAT边缘,但这是一个值得了解的细微差别。

既然我们已经在杂草中,有一个复杂的本地解决方案我在现实生活中永远不会使用:

var u = [1, , , , , 1, 1];
Array(u.length).join(0).split('').map(function(n, i) { return u[i] || 0; })
// [1, 0, 0, 0, 0, 1, 1]

Array(u.length).join(0).split('')生成一个由任意字符串组成的虚拟数组,然后可以对其进行映射。map函数通过索引引用原始数组,然后使用一个简单的布尔开关返回定义的值或零。

如果你想,你可以添加一个函数作为一个mixin在下划线链中使用。从这里即兴创作的

_.mixin({
  dothis: function(obj, interceptor, context) {
    return interceptor.call(context, obj);
  }
});
function resetArray(arr) {
  for (var i = 0, l = arr.length; i < l; i++) {
    if (arr[i] === undefined) arr[i] = 0;
  }
  return arr;
}
var arr = [ 1, , , , , 1, 1 ];
_(arr)
  .chain()
  .dothis(resetArray)
  .tap(console.log) // [1, 0, 0, 0, 0, 1, 1]

小提琴编辑:实际上,有一种更简单的方法:

_.mixin({
  resetArray: function (arr) {
    for (var i = 0, l = arr.length; i < l; i++) {
        if (arr[i] === undefined) arr[i] = 0;
    }
    return arr;
  }
});
var arr = [1, , , , , 1, 1];
_(arr)
  .chain()
  .resetArray()
  .tap(console.log)

小提琴

如果您只需要从数组中删除空元素,则不需要使用下划线,只需使用splice遍历数组以删除空元素。

你可以在javascript中添加这个特性原型数组类:

var array = [ 1, 1, , , , , 1, 1 ]; 
    Array.prototype.replaceEmptyElements = function(value) {
      for (var i = 0; i < this.length; i++) {
        if (typeof this[i] == "undefined") {         
          this[i] = value;
        }
      }
      return this;
    };
var val = //your value
array.replaceEmptyElements(val);