как перебрать массив - jquery - PullRequest
1 голос
/ 07 февраля 2020

У меня есть массив, сохраненный в localStorage с использованием метода json .stringify. Теперь я извлекаю локальное хранилище в массив. Как можно перебирать массив. Ниже то, что я сделал до сих пор

С кодом ниже, таблица добавляется со значениями как

<td> 448239239,232324201 </td>

Но я хочу, чтобы данные отображались как

<td> 448239239</td>
<td> 232324201</td>

В чем может быть проблема с моим кодом ниже?

Файл. js

var items = [];
items.push(localStorage.getItem('numbers'));
if (items != '') {
  $.each(items, function(index, value) {
    $('#myTableID2 #user-id2').append('<tr><td>' + value + '</td></tr>');
  });
}

Ответы [ 3 ]

1 голос
/ 07 февраля 2020

Сначала вам нужно будет проанализировать значение, извлеченное из localStorage, поскольку вы можете хранить строки только в локальном хранилище сессии - попробуйте что-то вроде этого:

var items = localStorage.getItem('numbers')

if (items) {

  items = JSON.parse(items)

  $.each(items, function(index, value) {
    $('#myTableID2 #user-id2').append('<tr><td>' + value + '</td></tr>')
  })

}
1 голос
/ 07 февраля 2020

Это потому, что значение localstorage в виде строки. Таким образом, вам нужно разделить как запятую

var items = [];
    localStorage.setItem('numbers', '448239239,232324201');
    items = localStorage.getItem('numbers').split(',');

    if (items != '') {
      $.each(items, function(index, value) {
        $('#myTableID2 #user-id2').append('<tr><td>' + value + '</td></tr>');
      })
    }


    <table id='myTableID2' border='1px solid green'>
      <tbody id='user-id2'> </tbody>
    </table>
1 голос
/ 07 февраля 2020

Вам нужно будет сначала проанализировать JSON, прежде чем создавать отдельные строки для каждого элемента массива:

var items = localStorage.getItem('numbers');

if (items) {
    JSON.parse(items).forEach(function(v) {
        $('#myTableID2 #user-id2').append('<tr><td>'+v+'</td></tr>');
    });
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...