我如何使用document.getElementById獲得二維數組

Question

我正在嘗試使用document.getElementById（“ clients”）。value.split（'，'）;獲得2D數組。 因為我需要拆分2d數組。

我已經嘗試了上面的代碼/步驟。

<input type="hidden" id="clients" name="clients"  value="{{clients}}">

var displayClient = [];
var clients_array = document.getElementByName("clients").value.split(',');

var itemDisp = [];
var arrayLength = clients_array.length;
for (var i = 0; i < arrayLength; i++) {
    displayClient.push(clients_array[i] + ' - ' + clients_array[i]);
    itemDisp.push({ label: displayClient[i]});
}

//the 2d array is as follows
[['1', 'client 1'], ['2', 'client 2']]

目前的實際結果是：[['1'（新行）'客戶端1'] ...而我想得到：1-客戶端1 ...

Answer 1

例如，參見函數inputHandler 。
有關將HTMLCollection轉換為數組的更多信息，請參見將HTMLCollection轉換為數組的最有效方法。

 // create elements fetch('http://jsonplaceholder.typicode.com/users') .then(res=>res.json()) .then(users => { users.forEach(function(user) { var input = document.createElement('input'); input.value = user.name; input.name = 'clients'; document.body.appendChild(input); inputHandler(); }); }) .catch(err => { throw err; }); function inputHandler() { var inputs = document.getElementsByName('clients'); inputsArr = Array.prototype.slice.call(inputs); inputsArr.forEach(function(element) { console.log(element.value); }); // or use that HTMLCollection iterable console.log('👍 HTMLCollection iterable'); for (var counter = 0; counter < inputs.length; counter++) { console.log(inputs[counter].value); // or other operations } }