Datatable渲染时如何判断对象数组是否存在指定itemid的元素？

嘿，我来帮你捋捋这个问题！这种数组匹配没生效的情况我也碰到过好几次，大概率是这几个细节没处理到位：

1. 数据类型不匹配（最常见的坑） #

你有没有检查过_SingleScannedItemIds里的itemid类型，和当前行拿到的itemid类型是不是一致？比如数组里存的是字符串"1001"，但行里的itemid是数字1001，这时候用===严格相等判断就会直接失败。

解决办法：统一两者的类型，比如都转成字符串或者数字：

// 假设currentRowItemId是当前行的itemid
const targetId = String(currentRowItemId);
const isInArray = _SingleScannedItemIds.some(item => String(item.itemid) === targetId);

2. 数组元素的结构判断错误 #

因为_SingleScannedItemIds是对象数组，每个元素包含title、price、itemid这些属性，如果你在判断时直接拿数组元素和itemid对比，肯定找不到匹配项。

比如错误写法：

// 错！直接拿整个对象和id比，永远不相等
_SingleScannedItemIds.some(id => id === currentRowItemId);

正确写法应该是访问对象的itemid属性：

_SingleScannedItemIds.some(item => item.itemid === currentRowItemId);

3. 自定义contains函数的逻辑漏洞 #

如果你的自定义contains函数是自己写的，很可能是遍历数组时没正确访问itemid属性，或者判断条件写错了。比如：

错误的自定义函数：

function contains(arr, targetId) {
  for (let i = 0; i < arr.length; i++) {
    // 错！拿整个对象和id对比
    if (arr[i] === targetId) return true;
  }
  return false;
}

修正后的版本：

function contains(arr, targetId) {
  const target = String(targetId); // 统一类型
  for (let i = 0; i < arr.length; i++) {
    if (String(arr[i].itemid) === target) return true;
  }
  return false;
}

4. Datatable行渲染的时机与数据获取问题 #

还有一种可能：你在渲染回调里拿到的currentRowItemId本身就不对。比如你是从DOM文本里取的，结果带了空格或者转义字符；或者数组还没完成更新（比如全选按钮的异步逻辑还没执行完）。

可以在渲染回调里加几个日志，快速定位问题：

console.log("当前数组内容：", _SingleScannedItemIds);
console.log("当前行itemid：", currentRowItemId);
console.log("类型对比：", typeof _SingleScannedItemIds[0]?.itemid, typeof currentRowItemId);

额外检查：全选/取消全选的逻辑 #

最后别忘了确认全选按钮的逻辑是否正确：

• 全选时，是不是把包含itemid的对象push进数组，而不是只存itemid字符串？
• 取消全选时，是不是真的把数组清空成_SingleScannedItemIds = []，而不是做了其他操作？

比如正确的全选逻辑示例：

// 全选按钮点击事件
$('#select-all').on('click', function() {
  const isChecked = $(this).prop('checked');
  $('.datatable-row-checkbox').prop('checked', isChecked);
  
  if (isChecked) {
    // 收集选中行的对象
    _SingleScannedItemIds = $('.datatable-row-checkbox:checked').map(function() {
      const $row = $(this).closest('tr');
      return {
        itemid: $row.data('itemid'),
        title: $row.data('title'),
        price: $row.data('price')
      };
    }).get();
  } else {
    // 取消全选时清空数组
    _SingleScannedItemIds = [];
  }
});

按照上面的步骤排查，应该就能找到问题所在啦！

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