我怎样才能做数组来分配另一个数组和trim？

Question

我有如下的 textarea 和 textare jsccode :

var checkName = (document.getElementById("List").value);
var tempcheckNames = checkName.split('\n');

并使用 trim.

为数组分配另一个数组

for (var i = 0; i < tempcheckNames.length;i++){
    checkNames = tempcheckNames[i].trim().split('\n');
}

但是 checkNames 是空的，因为赋值不是数组？

所以我想 trim 从 textarea 值（我做了 textarea 值拆分所以我的数组是 textarea 值 ('\n')

Answer 1

将 checkNames 定义为数组，使用 .push() 在 for 循环中将项目添加到 checkNames 数组，在 [=] 中删除对 .split() 的调用14=]循环

for (var i = 0, checkNames = [] /* define `checkNames` as an array */
    ; i < tempcheckNames.length
    ; i++) {
    checkNames.push(tempcheckNames[i].trim()); 
    // .split('\n'); `.split()` not needed here
}

Answer 2

您可以将值推送到数组以获取所有拆分值

var btn = document.getElementById('btn-show');
btn.addEventListener('click', btnShow);

function btnShow (e) {
  var checkName = (document.getElementById("list").value);
  var tempcheckNames = checkName.split('\n');
  var checkNames = [];
  
  for (var i = 0; i < tempcheckNames.length;i++){
    checkNames.push(tempcheckNames[i].trim());
  }
  alert(checkNames);
}

<textarea id='list'> </textarea>

<button id='btn-show'>Show</button>

函数式方法使用 Array.map

var btn = document.getElementById('btn-show');
btn.addEventListener('click', btnShow);

function btnShow (e) {
  var checkName = (document.getElementById("list").value);

  const checkNames = checkName.split('\n').map((name) => name.trim() );
  
  alert(checkNames);
}

    <textarea id='list'> </textarea>

    <button id='btn-show'>Show</button>

Answer 3

这样比较短

var checkName = document.getElementById("List").value.split("\n").map(element => element.trim());

我怎样才能做数组来分配另一个数组和trim？

How can I do array to assign another array and trim?

javascript

arrays

split

trim