有没有一种方法可以让我打印没有逗号的数组？答案

【问题标题】：Is there a method that allows me to print an array without the commas?有没有一种方法可以让我打印没有逗号的数组？
【发布时间】：2017-11-24 08:51:04
【问题描述】：

我在 JavaScript 中有以下代码：

let calculationsArray = [];
$('.number-1').on('click', ()=> {
  calculationsArray.push(1);
  document.getElementById('screen-text').innerHTML = calculationsArray;
})
$('.number-2').on('click', ()=> {
  calculationsArray.push(2);
  document.getElementById('screen-text').innerHTML = calculationsArray;
})

以及以下 HTML 代码：

<span id='screen-text'></span>

但是当代码运行时，它会打印如下：1,2。有没有办法打印数组，使其不带逗号显示，例如：12？我知道一种方法是用指定的数字替换innerHTML之后的calculationArray，但是当我尝试这样做时，它会替换之前的数字。例如，如果我替换了计算数组，然后按下 1 按钮和 2 按钮，它的开头是这样的：1，但是在我按下 2 按钮后，它将 1 替换为 2，如下所示：2。我希望它附加2 在 1 之后，像这样：12.

【问题讨论】：

developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…

标签： javascript jquery html arrays

【解决方案1】：

你可以使用 join 试试这个：

calculationsArray.join("")

【讨论】：

【解决方案2】：

你来了。

let calculationsArray = [];
$('.number-1').on('click', () => {
  calculationsArray.push(1);
  document.getElementById('screen-text').innerHTML =calculationsArray.join('');
})
$('.number-2').on('click', () => {
  calculationsArray.push(2);
  document.getElementById('screen-text').innerHTML =calculationsArray.join('');
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span id='screen-text'></span>
<button class="number-1">1</button>
<button class="number-2">2</button>

【讨论】：

【解决方案3】：

正如其他人提到的，您可以将.join() 与您想要的任何字符串一起用作分隔符。

而且，您不需要这样的重复代码。只需选择所有元素，为它们提供相同的处理程序，然后从类名中提取数字。

let calculationsArray = [];
$('[class*=number-]').on('click', (event)=> {
  const n = +event.currentTarget.className.match(/\bnumber-(\d+)\b/)[1];
  calculationsArray.push(n);
  document.getElementById('screen-text').innerHTML = calculationsArray.join("");
});

【讨论】：