这个问题在数据校验、表单过滤场景里挺常见的，我给你几种实用的实现方式，还会考虑一些边界情况：

基础直接判断 #

假设你的filter对象结构是这样的：

const filter = { masterName: '', service: [] };

如果只需要检查masterName是空字符串且service是空数组，直接用逻辑与（&&）组合两个判断条件就行：

// 严格检查空字符串+空数组
const isBothEmpty = filter.masterName === '' && filter.service.length === 0;

如果要把空格字符串也视为“空”（比如用户输入了一堆空格），可以给masterName加个trim()：

// 处理空格的情况
const isBothEmpty = filter.masterName.trim() === '' && filter.service.length === 0;

更健壮的封装函数 #

如果需要复用这个判断逻辑，或者要处理对象可能不存在、字段缺失的情况，可以封装成一个函数，增加容错性：

function isFilterEmpty(filterObj) {
  // 先判断传入的对象是否有效
  if (!filterObj) return false;
  
  // 可选链操作符（?.）防止masterName字段不存在导致报错
  const isMasterNameEmpty = filterObj.masterName?.trim() === '';
  
  // 先确认service是数组，再判断长度
  const isServiceEmpty = Array.isArray(filterObj.service) && filterObj.service.length === 0;
  
  return isMasterNameEmpty && isServiceEmpty;
}

// 使用示例
const filter1 = { masterName: '', service: [] };
console.log(isFilterEmpty(filter1)); // 输出 true

const filter2 = { masterName: '  ', service: [1] };
console.log(isFilterEmpty(filter2)); // 输出 false

扩展：处理更多“空”的情况 #

如果要把masterName为null、undefined的情况也视为“空”，可以简化判断：

const isMasterNameEmpty = !filter.masterName?.trim();

这样空字符串、空格字符串、null、undefined都会被判定为“空”。

内容的提问来源于stack exchange，提问作者DozezQuest