Javascript 映射函数还原索引不工作（使用React）

我试图为从字符数组映射的每个div分配一个类名，除了一个句点以外的有效名称。我在map函数中使用if语句返回所需的react对象，它应该“忽略”句点并返回连续编号的类名，但它确实忽略了句点，但对类名的编号不正确

Letters.js

从“react”导入{Fragment}；
常量字母=（）=>{
const characters=“STRI.G”.split（“”）；
const stringBuilder=characters.map（（字符，i）=>{
如果（字符！==”）{
返回{character}；//有效
}否则如果（i==5）{
//如果索引值达到“.”之后的值
return{character}；//不起作用，这里的类名仍然是“type6”而不是“type5”
}否则{
返回{character}；//当character=='时返回。'
}
});
返回{stringBuilder}；
};
导出默认字母；

如果

character===”

，您将只能访问该

else

，而既然

i===4

为真，那么该else也可能不存在。您可能希望颠倒所有这些检查的顺序，

if（character===”）{}else if（i==5）{}else{/*！==”“*/}

 else if (i === 5) { // && character === ".", or else we wouldn't get here