JavaScript动态构建条件遇报错：paramsObj.forEach不是函数

错误原因 #

你碰到的TypeError: paramsObj.forEach is not a function，是因为URLToArray返回的是普通对象（形如{id: '0001', ...}），而forEach是数组专属方法，对象无法直接调用该方法。

解决方案 #

要生成目标格式的条件语句，直接遍历对象的键值对即可，不需要用数组的forEach。可以用Object.entries()获取对象的键值对数组，再通过map拼接每个条件片段，最后用' && '连接所有片段。

修改后的完整代码 #

let url1 = 'http://localhost/myproject/results?id=0001&area=eiffel+tower&city=Paris&whatever=else';

function URLToArray(url) {
    var request = {};
    var pairs = url.substring(url.indexOf('?') + 1).split('&');
    for (var i = 0; i < pairs.length; i++) {
        if(!pairs[i])
            continue;
        var pair = pairs[i].split('=');
        request[decodeURIComponent(pair[0])] = decodeURIComponent(pair[1]);
     }
     return request;
}

let paramsObj = URLToArray(url1);

// 生成目标条件语句
const conditionStr = Object.entries(paramsObj)
  .map(([key, value]) => `${key} === '${value}'`)
  .join(' && ');

console.log(conditionStr);
// 输出：id === '0001' && area === 'eiffel+tower' && city === 'Paris' && whatever === 'else'

代码说明 #

1. Object.entries(paramsObj)：将对象转换为键值对数组，格式为[['id','0001'], ['area','eiffel+tower'], ...]
2. map(([key, value]) => ...)：遍历每个键值对，拼接成key === 'value'的字符串片段
3. join(' && ')：用&&连接所有片段，生成最终的条件语句

补充处理特殊情况 #

如果参数值包含单引号（比如O'Neil），直接拼接会导致语法错误，可以选择以下两种方式处理：

// 方式1：用双引号包裹值
.map(([key, value]) => `${key} === "${value}"`)

// 方式2：转义值中的单引号
.map(([key, value]) => `${key} === '${value.replace(/'/g, "\\'")}'`)

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