jQuery：如何统计字符串列表中的非空字符串数量？

首先把所有搜索条件变量整理到数组中，方便后续遍历统计：

// 将分散的变量存入数组
var searchCriteria = [
    search_criteria1,
    search_criteria2,
    search_criteria3,
    search_criteria4
];

接着过滤掉空值（包含仅含空白字符的无效项），统计有效条件的数量：

// 筛选出非空且不为纯空白的有效项，获取其长度
var validCount = searchCriteria.filter(function(item) {
    return $.trim(item) !== '';
}).length;

最后生成提示文本，通过jQuery将其插入到页面指定位置（示例中直接追加到页面，你也可以替换为目标元素的选择器）：

// 生成提示内容
var tipContent = '您搜索了' + validCount + '个条件';
// 插入到页面，这里以追加到body为例，可根据需求修改
$('<p class="search-hint">').text(tipContent).appendTo('body');

完整整合代码 #

var search_criteria1 = getParameterByName('search_criteria1[]');
var search_criteria2 = getParameterByName('search_criteria2[]');
var search_criteria3 = getParameterByName('search_criteria3[]');
var search_criteria4 = getParameterByName('search_criteria4[]');

// 一行完成统计：数组化变量 → 过滤无效值 → 获取有效项数量
var validCount = [search_criteria1, search_criteria2, search_criteria3, search_criteria4]
    .filter(item => $.trim(item) !== '')
    .length;

// 渲染提示
$('<div class="search-tip">').text(`您搜索了${validCount}个条件`).appendTo('body');

说明：

• 使用$.trim()是为了排除仅含空格、制表符的无效值，若不需要这个判断，直接用item !== ''即可。
• 可以给提示元素添加CSS类，自定义字体、颜色等显示样式。

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