访问查询结果det_id属性报错：Cannot read property 'det_id' of undefined

嘿，咱们来拆解下你遇到的这个问题：

问题根源 #

你看到console.log(result)能正确输出每条查询结果，但就是取不到det_id，核心原因是异步操作和循环变量作用域的冲突：

• connection.query()是异步执行的——当它的回调函数触发时，外层的for循环早就跑完了，此时循环变量i的值已经变成了detname_img.length（超出了数组的有效索引范围）
• 这时候再去访问result[i]，自然就会抛出「Cannot read property 'det_id' of undefined」的错误

另外还有个小细节：你的result是包含单个RowDataPacket的数组，所以就算i是对的，用result[i].det_id也不对，应该取result[0].det_id才是正确的！

修复方案 #

这里有几种简单有效的修复方式，选你顺手的就行：

方案1：用let替换var声明循环变量 #

ES6的let会在每次循环迭代时创建一个独立的变量绑定，确保回调函数能捕获到当前迭代的正确索引：

// 把var改成let
for(let i = 0; i < detname_img.length; i++){
    var getDet = "SELECT det_id from images_det where name_img = '" + detname_img[i].name_img + "' order by 1 desc limit 1";
    connection.query(getDet, function(erro, result){
        if(erro) {
            console.error('查询出错:', erro);
            return;
        }
        // 这里改成result[0].det_id
        console.log(result[0].det_id);
    });
}

方案2：改用forEach遍历数组 #

forEach的回调函数会为每个元素创建独立的作用域，从根源上避免循环变量的问题，代码也更简洁：

detname_img.forEach(item => {
    var getDet = `SELECT det_id from images_det where name_img = '${item.name_img}' order by 1 desc limit 1`;
    connection.query(getDet, function(erro, result){
        if(erro) {
            console.error('查询出错:', erro);
            return;
        }
        console.log(result[0].det_id);
    });
});

重要提醒：避免SQL注入风险 #

你当前直接拼接字符串生成SQL的方式存在严重的SQL注入风险，强烈建议改用参数化查询：

detname_img.forEach(item => {
    // 用?作为占位符
    var getDet = "SELECT det_id from images_det where name_img = ? order by 1 desc limit 1";
    // 把参数放在数组里传进去
    connection.query(getDet, [item.name_img], function(erro, result){
        if(erro) {
            console.error('查询出错:', erro);
            return;
        }
        console.log(result[0].det_id);
    });
});

这种方式不仅安全，还能避免字符串拼接可能带来的语法错误。

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