javascript - 当我在 "for"循环内的模板字符串中添加元素时，它会在字符串的开头返回单词 "undefined"

Question

当我在“for”循环内的模板字符串中添加元素时，它会在字符串的开头返回单词“undefined”。

尽管我初始化了所有对象的属性。我什至控制所有元素的定义。

如何在循环开始时避免出现这种“未定义”语句？

这是我的 JavaScript 代码片段:

let templateString
let objectStock={
  A:"A", 
  B:"B",
  C:"C",
  D:"D",
}


for(let objectItem in objectStock){
  if(
    objectItem === undefined || 
    objectStock === undefined || 
    objectStock[objectItem] === undefined
  ) continue

  templateString+= `<br><p><b>${objectItem}</b>: ${ objectStock[objectItem] || "empty field."}</p>`
}

console.log("templateString: ", templateString)

Answer 1

这不是你的循环的问题。
您没有在变量声明 let templateString 中指定任何值，因此它的值为 undefined。它与 let templateString = ''; 配合使用。

// Hey JavaScript, it's string!
let templateString = '';
let objectStock={
  A:"A", 
  B:"B",
  C:"C",
  D:"D",
}

for(let objectItem in objectStock){
  templateString+= `<br><p><b>${objectItem}</b>: ${ objectStock[objectItem] || "empty field."}</p>`
}

console.log("templateString: ", templateString)