如何将输入框中的值添加到数组中，然后输出其内容？

Question

如何将输入框的值添加到数组中，然后显示该数组的内容？ 这就是我想出的，但我不确定它为什么不起作用 - console.log 也不会向控制台发布任何内容。

var user = user;
if (!user) {
  user = prompt('Please choose a username:');
  if (!user) {
    alert('Your name has been set to "Anonymous"');
  } else {
      alert('Your name has been set to "'+ user +'"');
  }
}

var items = [];
function userArray() {
    items.push(user);
    return false;
    console.log(items);
    }

socket.on('onlineUsers', function (data) {
      $('.dispUser').html(items);
    });

文件中的其余代码如下，以防万一……（根据第一个答案更改了返回语句）

var user = user;
if (!user) {
  user = prompt('Please choose a username:');
  if (!user) {
    alert('Your name has been set to "Anonymous"');
  } else {
      alert('Your name has been set to "'+ user +'"');
  } 
}

var items = [];

function userArray() {
    items.push(users);
    console.log(items);
    return false;
    }

socket.on('onlineUsers', function (data) {
      $('.dispUser').html(items);
    });

//Counts the number of users online
socket.on('count', function (data) {
  $('.user-count').html(data);
});

//Receives messages and outputs it to the chat section
socket.on('message', function (data) {
  $('.chat').append('<p><strong>' + data.user + '</strong>: ' + data.message + '</p>');
  $('.chat').scrollTop($('.chat').height());
});


//SENDING OF THE MESSAGE
//Submit the form through HTTPS
$('form').submit(function (e) {
  e.preventDefault();

  // Retrieve the message from the user
  var message = $(e.target).find('input').val();

  // Send the message to the server
  socket.emit('message', {
    user: user || 'Anonymous',
    message: message
  });

  // Clears the message box after the message has been sent
  e.target.reset();
  $(e.target).find('input').focus();
});

Answer 1

回答

您的实现很好，但是您有一个错误，导致它无法按照您的描述工作。

对console.log(items) 的调用不会打印任何内容，因为那行代码永远不会运行。

从函数返回时，不会运行后续代码行。您应该将 return 作为函数中的最后一行，或者将其包装在条件中。

例如：

function userArray() {
  items.push(user);
  console.log(items);
  return false;
}

如何调试

学习自己解决这个问题的技巧是一个非常宝贵的工具。您可以利用调试器（例如 Chrome Devtools）向代码添加断点。这些将允许您在特定的行上停止执行，查看变量的值，并单步执行剩余的代码行。

这样做可以清楚地看到代码行永远不会运行。

在此处了解更多详情：https://developers.google.com/web/tools/chrome-devtools/javascript