Javascript-使用输入值创建数组

我有这样一个foreach php：

@foreach($posts as $post)
   <h2>{{$post->title}}</h2>
   <img src="{{$post->image}}" width="150" height="150">
   <p>{{$post->country}}</p>
   <p>{{$post->zone}}</p>
   <p>{{$post->user->name}}</p>
   <input type="hidden" class="postId" value="{{$post->id}}" name="postId">
   <p class="expiredate">{{$post->expire_date}}</p>
   <p class="current">{{$current}}</p>
@endforeach

var inputsArray= [value first input, value second input, value....]

我试着这样：

var d = document;    
var inputsArray = d.querySelectorAll('.postId');

但它不起作用，我的安慰给我：

console.log(inputArray.value) = undefined 

---

您需要将变量转换为真数组，因为

querySelectorAll

返回的是节点列表，而不是数组。然后迭代该数组，因为数组本身没有

值

属性：

var d = document;    
var inputsArray = Array.from(d.querySelectorAll('.postId'));

inputsArray.forEach(function (input) {
    console.log(input.value);
});

---

您需要将变量转换为真数组，因为

querySelectorAll

返回的是节点列表，而不是数组。然后迭代该数组，因为数组本身没有

值

属性：

var d = document;    
var inputsArray = Array.from(d.querySelectorAll('.postId'));

inputsArray.forEach(function (input) {
    console.log(input.value);
});

---

可能是因为

inputArray

的拼写不一致？另外，尝试

console.log（inputArray）

可能是因为

inputArray

的拼写不一致？另外，尝试

console.log（inputArray）

我刚刚意识到

Array.from（arrayLikeThingy）

比

[…arrayLikeThingy]慢得多

为什么慢@重新授权将取决于JavaScript引擎。无论如何，目前的情况没有实际的区别。你需要有一个包含数万个元素的节点列表，然后才能开始注意差异。@Diego Cespedes说实话，我说不出确切的原因，但今天早上我尝试了一些基准测试，当我将

[…x]

转换为

数组时。从（x）

对一个反复执行大量代码的代码，代码的解析时间延长了一倍多。@trincot同意。。我刚刚意识到，

Array.from（arrayLikeThingy）

比

[…arrayLikeThingy]

慢得多，为什么慢呢@重新授权将取决于JavaScript引擎。无论如何，目前的情况没有实际的区别。你需要有一个包含数万个元素的节点列表，然后才能开始注意差异。@Diego Cespedes说实话，我说不出确切的原因，但今天早上我尝试了一些基准测试，当我将

[…x]

转换为

数组时。从（x）

对一个反复执行大量代码的代码，代码的解析时间延长了一倍多。@trincot同意。。这只是我的五分钱，以备将来参考。