在 vue.js 中的方法中打印数组答案

【问题标题】：print array in method in vue.js在 vue.js 中的方法中打印数组
【发布时间】：2021-05-11 23:04:45
【问题描述】：

我对 vue 很陌生，我想玩一些方法。我想尝试的是打印出一个字符串数组，这是我尝试使用的方法：

printStringArray(objectWithArray) {
      i = 0;
      s = '';

      while(i < objectWithArray.stringArray.length) {
        s = objectWithArray.stringArray[i] + s,
      }; 
      return  s;
    },

但是由于 i 和 s，我得到了错误。我尝试了一些东西，但它总是说我没有定义或它们，或者我定义了它们但没有使用它们。有任何想法吗？我查看了一些使用工作代码的帖子，但如果我使用该代码来查看我在比较中的错误，我会得到相同的错误。我觉得它很简单，但我在上面找不到任何东西。

【问题讨论】：

您没有使用forEach 循环是否有特定原因？遍历数组通常更容易。
因为我想在尝试 forEach-loops 之前使用 while-loop。

标签： javascript arrays string vue.js while-loop

【解决方案1】：

您可以使用以下方法：

let array = [1, 2, 3, 4];
function printArrayElements(array){
    array.forEach(element => console.log(element))
}

printArrayElements(array);

您也可以使用while 循环来实现：

let array = [1, 2, 3, 4]
function printArrayElement(array){
    let index = 0;
    while (index < array.length){
        console.log(array[index]);
        index +=1;
    }
}

printArrayElement(array);

【讨论】：

哦，那太好了！随着 let 他们最终接受了 my s 的定义和使用。很好，谢谢！我知道这是超级小的东西.. :)
在while循环示例中更改console.log(array[a]);到 console.log(array[index]);
谢谢，我将其替换为正确的参数名称@Makesh

【解决方案2】：

您可以使用 join 方法并显示以空格分隔的项目：

printStringArray(objectWithArray) {
      let joined=objectWithArray.join(" ");
      console.log(joined)
     return joined;
    },

【讨论】：

这么多好答案！我喜欢这个！我不知道我能做到这一点:)
不客气，感谢给了我前 10 分，您还可以在 join 方法中使用任何分隔符，例如 join("/")

【解决方案3】：

更多的是关于 javascript 而不是 vue。言归正传：

您有一个名为toString 的函数可以为您执行此操作。 这是一个 sn-p：

const stuff = [0, 1, "Apple", "Mango"];
const x = fruits.toString();
console.log(x);

【讨论】：