我在 div 中有输入，为什么我的代码使用 arrays 而不是值数组创建数组

Question

I have a form with many inputs each on in div i need to make and array of input values instead of array of arrays with values.

 var arr = [].map.call(document.querySelectorAll(".form__option"), function(block) { return [].map.call(block.querySelectorAll(".field"), function(inp) { return inp.value;

 <div id='form__option3' class="form__option form__option3"> <input id="Input NameShipper" type="text" class="InputReciever field" /> </div>

Answer 1

• Why don't you just directly select the inputs by class then push their values inside array

var InputReciever = document.getElementsByClassName("InputReciever");
var arr = []
for(let i = 0; i < InputReciever.length; i++) { 
  arr.push(InputReciever[i].value);
}
console.log(arr)

Answer 2

querySelectorAll , returns a nodeList ie an Array , you might wanna map it's data to values (with inp.value) and spread it like this. return...mapedValues