Javascript 无法读取字符之间的空格

我有JSON数据，我正试图通过这些数据填充HTML表。前面的表填充得很好，但是根据我的要求，我已经更改了代码

我在做什么

• 我有一个

  表单

  ，里面有一个选择选项（下拉菜单）和我的表格
• 在创建表时，我向每个items行添加了一个类别名称的类
• 因此，当用户选择任何下拉选项时，我只显示该类别的数据并隐藏其他类别的数据，但在添加该类时，我会出错
• 错误为InvalidCharacterError:String包含无效字符
• 我不知道我做错了什么

片段

// tr.classList.add(categoryName);
tr.dataset.category = categoryName;

// var selectedItemRows = document.getElementsByClassName(selectedOption);
var selectedItemRows = document.querySelectorAll("[data-category='" + selectedOption + "']");

var tableData=[{
“项目代码”：“1978”，
“项目名称”：“Alu聊天室”，
“售价”：“55.0000”，
“类别名称”：“聊天”
},
{
“项目代码”：“1979”，
“物品名称”：“Dahi Alu Chat-S”，
“售价”：“50.0000”，
“类别名称”：“聊天”
},
{
“项目代码”：“1980”，
“项目名称”：“Samosa-S”，
“售价”：“25.0000”，
“类别名称”：“聊天”
},
{
“项目代码”：“1981”，
“项目名称”：“Samosacht-S”，
“售价”：“40.0000”，
“类别名称”：“聊天”
},
{
“项目代码”：“1982”，
“物品名称”：“Dahi Samosa Chats-S”，
“售价”：“55.0000”，
“类别名称”：“聊天”
},
{
“项目代码”：“1983”，
“物品名称”：“Garam Samosa Chats-S”，
“售价”：“55.0000”，
“类别名称”：“聊天”
},
{
“项目代码”：“1984”，
“物品名称”：“卡乔里聊天室-S”，
“售价”：“55.0000”，
“类别名称”：“聊天”
},
{
“项目代码”：“1985”，
“物品名称”：“Garam Kachori聊天室-S”，
“售价”：“50.0000”，
“类别名称”：“聊天”
},
{
“项目代码”：“1986”，
“物品名称”：“Dahi Kachori聊天室-S”，
“售价”：“55.0000”，
“类别名称”：“聊天”
},
{
“项目代码”：“1987”，
“项目名称”：“Dai Raj Kachori-S”，
“售价”：“65.0000”，
“类别名称”：“聊天”
},
{
“项目代码”：“1988”，
“物品名称”：“婴儿卡乔里聊天室”，
“售价”：“65.0000”，
“类别名称”：“聊天”
},
{
“项目代码”：“1989”，
“项目名称”：“Dahi Baby Kachori-S”，
“售价”：“65.0000”，
“类别名称”：“聊天”
},
{
“项目代码”：“1990”，
“项目名称”：“Anar Bhalla-S”，
“售价”：“65.0000”，
“类别名称”：“聊天”
},
{
“项目代码”：“1991年”，
“项目名称”：“Dahi Bhalla-S”，
“售价”：“65.0000”，
“类别名称”：“聊天”
},
{
“项目代码”：“1992”，
“项目名称”：“Jhal Muri-S”，
“售价”：“60.0000”，
“类别名称”：“聊天”
},
{
“项目代码”：“1993年”，
“项目名称”：“聊天盘”，
“售价”：“110.0000”，
“类别名称”：“聊天”
},
{
“项目代码”：“1994年”，
“项目名称”：“Dahi Papdi Chat-S”，
“售价”：“55.0000”，
“类别名称”：“聊天”
},
{
“项目代码”：“2402”，
“商品名称”：“杏仁巧克力”，
“售价”：“26.2000”，
“类别名称”：“礼品包”
},
{
“项目代码”：“333”，
“项目名称”：“一个BR SB EX”，
“售价”：“1.0000”，
“类别名称”：“豁免”
}
]
函数addTable（tableData）{
var col=Object.keys（tableData[0]）；
var countNum=col.filter（i=>！isNaN（i））.length；
var num=列拼接（0，countNum）；
col=col.concat（num）；
var table=document.createElement（“表”）；
var tr=table.insertRow（-1）；//表行。
var colNum=col.length；//提高速度
对于（var i=0；i=colNum）{
th.innerHTML=“数量”；
tr.appendChild（th）；
tr.classList.add（“文本中心”）；
tr.classList.add（“head”）
}否则{
th.innerHTML=col[i]；
tr.appendChild（th）；
tr.classList.add（“文本中心”）；
tr.classList.add（“head”）
}
}
对于（var i=0；i-1&&j>=colNum）{
var quantityField=document.createElement（“输入”）；
quantityField.style.border=“无”；
quantityField.style[“文本对齐”]=“居中”；
setAttribute（'name'，'Quantity'）；
setAttribute（'autocomplete'，'on'）；
setAttribute（'value'，'0'）；
setAttribute（'type'，'number'）；
setAttribute（'required'，'required'）；
quantityField.classList.add（“dataReset”）；
tabCell.appendChild（quantityField）；
}否则{
if（tableData[i]['Item Code']==tableData[i][col[j]]）{
tabCell.innerHTML=表格数据；
setAttribute（'name'，'Item_Code'）；
setAttribute（'value'，tabledata）；
tabCell.appendChild（hiddenField）；
}
if（tableData[i]['Item Name']===tableData[i][col[j]]）{
tabCell.innerHTML=表格数据；
setAttribute（'name'，'Item_name'）；
setAttribute（'value'，tabledata）；
tabCell.appendChild（hiddenField）；
}
如果（tableData[i][‘售价’]==tableData[i][col[j]]）{
tabCell.innerHTML=表格数据；
setAttribute（'名称'，'售价'）；
setAttribute（'value'，tabledata）；
tabCell.appendChild（hiddenField）；
}
if（表格数据[i]['类别Na
tr.classList.add(categoryName.replace(/\s+/g, "-").toLowerCase());

// tr.classList.add(categoryName);
tr.dataset.category = categoryName;

// var selectedItemRows = document.getElementsByClassName(selectedOption);
var selectedItemRows = document.querySelectorAll("[data-category='" + selectedOption + "']");