为何forEach循环返回undefined？如何不使用console.log打印数组元素？

一、为什么执行后返回undefined？ #

1. wrap函数无返回值：整个wrap函数没有编写return语句，调用wrap()时默认返回undefined，这是console.log打印出undefined的直接原因。
2. forEach方法本身固定返回undefined：Array.prototype.forEach()的设计逻辑就是不返回任何有效内容，哪怕你在回调函数里写return element，也只会终止当前迭代，不会把值传递出去，更不会改变forEach的返回值。就算你把text.forEach(...)的结果return出去，得到的依然是undefined。

二、不使用console.log打印数组元素的可行方案 #

浏览器环境方案 #

• 直接输出到页面（document.write）

function wrap(stringBreak) {
  let text = stringBreak.trim().split(' ');
  text.forEach(element => {
    document.write(element + '<br>'); // 加换行符区分元素
  });
}
wrap('this is a test');

• 写入到指定DOM元素（更推荐，避免覆盖页面原有内容）

<!-- 先在页面添加一个输出容器 -->
<div id="element-output"></div>

<script>
function wrap(stringBreak) {
  let text = stringBreak.trim().split(' ');
  const outputContainer = document.getElementById('element-output');
  text.forEach(element => {
    const item = document.createElement('div');
    item.textContent = element;
    outputContainer.appendChild(item);
  });
}
wrap('this is a test');
</script>

• 弹出提示框（alert）

function wrap(stringBreak) {
  let text = stringBreak.trim().split(' ');
  text.forEach(element => {
    alert(element); // 逐个弹出元素
  });
}
wrap('this is a test');

Node.js环境方案 #

• 使用process.stdout.write

function wrap(stringBreak) {
  let text = stringBreak.trim().split(' ');
  text.forEach(element => {
    process.stdout.write(element + '\n'); // 手动添加换行，模拟console.log效果
  });
}
wrap('this is a test');

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