javascript - 如何判断表单中是否至少有一个字段为空？

Question

大家好，我遇到了问题。我的表格很大，没有必填字段。但在提交之前，我需要检查是否有空字段。所以我决定使用对象来完成这项任务。

$scope.formData = {
  foo: "",
  bar: "",
  some: ""
};

我尝试使用这样的东西

function hasEmptyProperty (obj) {
  for(var key in obj) {
    if(obj.hasOwnProperty(key))
      if (obj[key].length > 0)
        return false;
    }
  return true;
}

但执行后，函数可能返回 false，然后返回 true，然后返回 false。

所以我的问题是。如何检查对象中至少一个属性值是否为空？

Answer 1

对于这个问题你需要改变逻辑:

function hasEmptyProperty(obj) {
    for (var key in obj) {
        if (obj.hasOwnProperty(key))
            if (obj[key].length === 0) // empty vs content
                return true;           // true vs false and short circuit
    }
    return false;                      // false vs true
}

但我建议使用Array#some()

The some() method tests whether some element in the array passes the test implemented by the provided function.

function hasEmptyProperty(obj) {
    return Object.keys(obj).some(function (key) {
        return !obj[key].length;
    });
}

var $scope = {};

$scope.formData = {
    foo: "",
    bar: "",
    some: ""
};

document.write('<pre>' + JSON.stringify(hasEmptyProperty($scope.formData), 0, 4) + '</pre>');