时间戳

首页 > 解决方案 > 循环遍历一个 JavaScript 数组，然后获取所有元素并将它们变成一个字符串

javascript - 循环遍历一个 JavaScript 数组，然后获取所有元素并将它们变成一个字符串

问题描述

JS 新手，我正在尝试将数组的所有元素附加到一个字符串或元素。我尝试了一些不同的东西，但没有运气。

for (let i = 0; i < data.foodlist.length; i++) {
   const foodlist_obj = data.foodlist.item[i];
   console.log(foodlist_obj)
}

这将返回一个列表，如下所示：

苹果

香蕉

橙子

葡萄

ETC

但我希望列表类似于“Apple、Banana、Orange、Grapes 等”。我曾尝试使用 append 和其他一些选项，但似乎无法弄清楚任何帮助表示赞赏

标签： javascript

解决方案

  • 如果您想将它们作为字符串获取，您可以使用toString()方法
const foodlist_obj = data.foodlist.toString()
  • 你也可以用join()任何其他的东西来替换逗号，比如换行
const foodlist_obj = data.foodlist.join("\n")
  • 如果您想使用特殊语法将它们作为文本获取，您可以创建一个名为的变量text并将其类型设置为字符串，然后在循环时添加数组元素
var text = "";
for (let i = 0; i < data.foodlist.length; i++) {
   text += data.foodlist[i] + " item number("+i+")\n";
}
console.log(text)
  • 如果你得到错误，那将是你的错误，因为在你的代码中你循环通过data.foodlist 但是当你调用数组时你调用他作为循环时你data.foodlist.item[i]如何调用item属性data.foodlist你应该这样调用它data.foodlist[i]所以在循环之前首先检查你的数组
  • 你也测试foodlist_obj你什么时候仍然循环，这不应该给你任何东西，除了每次迭代中的一个项目
  • 您也曾经使用constdecalre 您的变量，但const它是不可更改的变量，它只取分配给它的第一个值 在某些情况下，您可以将项目推送到 const 但您不能分配然后将新项目添加const为文本

推荐阅读