javascript - 单击按钮后如何将数据从数组插入到数组

Question

我需要在单击按钮后将数组联系人中的数据一一插入到数组数据中。单击按钮插入联系人[0]后，再次单击插入联系人[1]，不带联系人[0]和联系人[2...]，然后单击插入联系人[2]...

<button id="submit-btn" onclick="myFunc()">Search</button>

  const contacts = ['Chriss:23232','Sarah:345232','Bill:893246','Mary:254366',
                    'Dianne:2434356','Amy:2356546','Andreu:23546457'];


    var data = [];
    function myFunc(){
            //var res = contacts.filter(f => !data.includes(f));

        for ( let x = 0; x < contacts.length; x++ ){
            data.push(contacts[x]);
        }
    }

这将保存整个联系人。

Answer 1

使用shift并检查点击次数是否超出数组长度。如果您不添加检查，则超出数组长度后，它将继续添加 undefined

您可以使用全局变量作为索引跟踪器，并在每次单击按钮并将值推送到数据数组中时不断更新。但在 JS 世界中，使用全局变量通常被认为是一种反模式。

const contacts = 
['Chriss:23232','Sarah:345232','Bill:893246','Mary:254366','Dianne:2434356','Amy:2356546','Andreu:23546457'];

    var data = [];
function myFunc(){
  if(contacts &&contacts.length > 0)
  {
    data.push(contacts.shift());
    console.log(data)
  } else {
    console.log('No more contacts in your list')
  }
}

<button id="submit-btn" onclick="myFunc()">Search</button>