如何用JavaScript将数组中的数字以空格分隔显示？

问题出在数组隐式转换为字符串时，默认会调用toString()方法，该方法以逗号作为元素分隔符。要实现空格分隔，直接使用数组的join(' ')方法即可，它允许你自定义元素间的分隔符。

修改要点： #

• 删掉无用的evenNumbersArray.toString();——这行代码仅返回一个逗号分隔的字符串，但你没有将结果赋值给变量，对后续输出没有实际作用。
• 在模板字符串中，将${evenNumbersArray}替换为${evenNumbersArray.join(' ')}，明确指定用空格作为元素分隔符。

优化后的完整代码： #

// 简化随机数生成：一行代码生成7个0-100的随机整数
let numbers = Array.from({length:7}, () => Math.round(Math.random() * 100));
console.log(numbers);

// 用filter直接筛选偶数，无需手动创建数组再push元素
let evenNumbersArray = numbers.filter(number => number % 2 === 0);

// 使用join(' ')实现空格分隔的字符串输出
document.getElementById("showEvenNumbers").innerText = `Our evenNumbers are :  ${evenNumbersArray.join(' ')}`;

额外优化说明： #

• 原代码重复写7次随机数生成逻辑过于繁琐，用Array.from({length:7}, ...)可以批量生成指定数量的随机数，代码更简洁易维护。
• filter方法是JavaScript专门用于筛选数组元素的API，相比forEach手动收集元素的方式，代码更简洁、可读性更强。

内容的提问来源于stack exchange，提问作者Ali090q