Блог

Главная - Вопросы по программированию - Javascript — Создать массив с входными значениями

Javascript — Создать массив с входными значениями

#javascript #arrays

#javascript #массивы

Вопрос:

У меня есть для каждого 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

Я хотел бы создать массив javascript со значениями скрытых входных данных, например:

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

я пытаюсь вот так: 

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

но это не работает, моя консоль выдает мне:

 console.log(inputArray.value) = undefined

Комментарии:

1. Может быть, потому, что ваше написание inputArray непоследовательно?

2. кроме того, попробуйте просто console.log(inputArray)

Ответ №1:

Вам нужно преобразовать вашу переменную в истинный массив, поскольку querySelectorAll возвращает список узлов, а не массив. Затем выполните итерацию по этому массиву, поскольку сам массив не имеет value свойства:

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

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

Комментарии:

1. Я только что пришел к осознанию того факта, что Array.from(arrayLikeThingy) намного медленнее, чем [...arrayLikeThingy]

2. почему медленнее? @Redu

3. Это будет зависеть от движка JavaScript. В любом случае, в этой ситуации нет практической разницы. У вас должен быть список узлов с десятками тысяч элементов, прежде чем вы начнете замечать разницу.

4. @Diego Cespedes Честно говоря, я не могу точно сказать, почему, но этим утром я пытался провести сравнительную оценку, и когда я преобразовал [...x] в Array.from(x) в коде, который неоднократно выполнял тонны этого, разрешение кода увеличилось более чем вдвое.

5. @trincot согласен.. Это были всего лишь мои пять центов на будущее.