Javascript 不确定将表单上的输入与数组进行比较的正确方法

我在一个网站上工作，我试图将用户输入的内容输入到表单中，然后与我创建的匹配值数组进行比较。我不知道为什么，但我目前的代码不断给我的错误，输入的代码是无效的。不知道是否有人能帮我。我相信这就是我试图进行比较的方式。请看小提琴的例子。您可以输入选项卡上显示的示例代码之一。如果工作正常，则应在输入can代码的块下显示一个div。谢谢

//加载时隐藏金枪鱼图像
$（'#skipjackImg'）.hide（）；
$（'#albacoreImg'）.hide（）；	
//将金枪鱼潜水舱换成悬停状态
$（'#displayTunaDiv'）.mouseover（函数（）{
$（'.activeTuna'）.hide（）；
$（'.secondary'）.show（）；
$（'.activeTunaText'）.hide（）；
$（'.skipjackSpeciesText'）.show（）；
$（'#tunaCanImg'）.hide（）；
$（'#skipjackImg'）.show（）；
});
$（'#displayTunaDiv'）.mouseout（函数（）{
$（'.secondary'）.hide（）；
$（'.activeTuna'）.show（）；
$（'.ActiveTunText'）.show（）；
$（'.skipjackSpeciesText'）.hide（）；
$（'#tunaCanImg'）.show（）；
$（'#skipjackImg'）.hide（）；
}); 
//交换长鳍金枪鱼潜水艇悬停
$（'#displayAlbacoreTunaDiv'）.mouseover（函数（）{
$（'.activealbacorethan'）.hide（）；
$（'.secondary'）.show（）；
$（'.activealbacoretuntext'）.hide（）；
$（'.albacoreSpeciesText'）.show（）；
$（'#albacoreCanImg'）.hide（）；
$（'#albacoreImg'）.show（）；
});
$（'#displayAlbacoreTunaDiv'）.mouseout（函数（）{
$（'.secondary'）.hide（）；
$（'.activealbacorethan'）.show（）；
$（'.activealbacoretuntext'）.show（）；
$（'.albacoreSpeciesText'）.hide（）；
$（'#albacoreCanImg'）.show（）；
$（'#albacoreImg'）.hide（）；
}); 	
//点击加载gif
$（函数（）{
//抓取gif图像并分配给变量
var image=新图像（）；
image.src=https://cento.com/images/gif/EARTH.gif';
//在数组中存储can代码值
变量canCode=[
{代码：“7283SCBSGT”，代码oz:5，物种：“托诺”，国家：“马尔代夫”，船：“多尼斯”}，
{代码：“7283SC1SGT”，代码oz:5，物种：“托诺”，国家：“马尔代夫”，船只：“多尼斯”}，
{代码：“7283SC2SGT”，代码oz:5，物种：“托诺”，国家：“马尔代夫”，船只：“多尼斯”}，
{代码：“7283SC3SGT”，代码oz:5，物种：“托诺”，国家：“马尔代夫”，船只：“多尼斯”}，
{代码：“7283SC4SGT”，代码OZ:5，物种：“托诺”，国家：“马尔代夫”，船只：“多尼斯”}，
{代码：“7283SCASGT”，代码OZ:5，物种：“托诺”，国家：“马尔代夫”，船：“多尼斯”}，
{代码：“7338SC3SGT”，代码oz:5，物种：“托诺”，国家：“马尔代夫”，船：“多尼斯”}，
{代码：“7338SC4SGT”，代码OZ:5，物种：“托诺”，国家：“马尔代夫”，船只：“多尼斯”}，
{代码：“7338SCASGT”，代码OZ:5，物种：“托诺”，国家：“马尔代夫”，船只：“多尼斯”}，
{代码：“7338SCBSGT”，代码oz:5，物种：“托诺”，国家：“马尔代夫”，船只：“多尼斯”}，
{代码：“7338SC1SGT”，代码oz:5，物种：“托诺”，国家：“马尔代夫”，船只：“多尼斯”}，
{代码：“7338SC2SGT”，代码oz:5，物种：“托诺”，国家：“马尔代夫”，船只：“多尼斯”}，
{代码：“7355SEASGT”，代码：5，物种：“Tono”，国家：“马尔代夫”，船只：“Dhonis”}，
{代码：“7355SEBSGT”，代码OZ:5，物种：“托诺”，国家：“马尔代夫”，船：“多尼斯”}，
{代码：“7257S93S2T”，代码oz:3，物种：“托诺”，国家：“马尔代夫”，船只：“多尼斯”}，
{代码：“7257S9AS2T”，代码oz:3，物种：“托诺”，国家：“马尔代夫”，船只：“多尼斯”}，
{代码：“7257S9BS2T”，代码oz:3，物种：“托诺”，国家：“马尔代夫”，船只：“多尼斯”}，
{代码：“7027S93S2T”，代码OZ:3，物种：“托诺”，国家：“马尔代夫”，船只：“多尼斯”}，
{代码：“7339S91SGT”，代码OZ:3，物种：“托诺”，国家：“马尔代夫”，船只：“多尼斯”}，
{代码：“7339S92SGT”，代码OZ:3，物种：“托诺”，国家：“马尔代夫”，船只：“多尼斯”}，
{代码：“7339S93SGT”，代码oz:3，物种：“托诺”，国家：“马尔代夫”，船只：“多尼斯”}，
{代码：“7339S94SGT”，代码oz:3，物种：“托诺”，国家：“马尔代夫”，船只：“多尼斯”}，
{代码：“7347S9ASGT”，代码OZ:3，物种：“托诺”，国家：“马尔代夫”，船只：“多尼斯”}，
{代码：“61082SD1SMT”，代码：5，物种：“长鳍金枪鱼”}
];
//函数从数组中获取数据
$。每个（canCode，函数（i，项）{
//将数据分配给变量
var code=item.code.toUpperCase（）；
var codeOZ=item.codeOZ；
变种物种=项目物种；
var国家=项目国家/地区；
var船=项目。船；
//单击按钮刷新地图
$（'#canCode'）。单击（函数（e）{
//防止默认行为
e、 预防默认值（）；
//将用户输入分配给变量
var val=$（“#can”）.val（）.toUpperCase（）；
//将用户输入与数组进行比较
如果（item.code==val）{
//显示船只分区
$（'.vesselDiv'）.show（）；
//搜索金枪鱼标识符并显示正确信息
如果（val.includes（“GT”）>=0 | | val.includes（“2T”）>=0）{
$（'.selectedTunaCan'）.show（）；
$（'.selectedAlbacoreTunaCan'）.hide（）；
$（'.fishSpeciesSkipjack'）.show（）；
$（'.fishSpeciesAlbacore'）.hide（）；
}如果（价值指数（“MT”）>=0，则为else）{
$（'.selectedTunaCan'）.hide（）；
$（'.selectedAlbacoreTunaCan'）.show（）；
$（'.fishSpeciesSkipjack'）.hide（）；
$（'.fishSpeciesAlbacore'）.show（）；
}
//隐藏错误消息
$（“#invalidCan”）.css（“显示”、“无”）；
$（“#invalidCan”）.hide（）；
//隐藏原始gif帧
$（'#gifFirstFrame'）.hide（）；
//“刷新”gif并删除Invi类（使用display none时，gif不知何故不会被刷新）
$（'gif'）.attr（'src'，image.src）.removeClass（'invi'）；
$（'gif'）.show（）；
//计时器，隐藏gif并再次显示图像和按钮
setTimeout（函数（）{
$（'gif'）.removeClass（'invi'）；
}, 10000)
}否则{
//显示错误消息
$（“#invalidCan”）.css（“显示”、“块”）；
$（“#invalidCan”）.show（）；
//显示原始gif帧
$（'#gifFirstFrame'）.show（）；
$（'gif'）.hide（）；
//隐藏船只组
$（'.vesselDiv'）.hide（）；
} 
});	 
});
});

let chosen = canCode.filter(can => can.code===usersInput);