Я пытаюсь отобразить таблицу «leaderboard» на основе данных JSON.
Я много читал о формате JSON и преодолел некоторые первоначальные препятствия, но мои знания Javascript очень ограничены, и мне нужна помощь!
В основном мои данные JSON поступают так:
Мне нужно, чтобы иметь возможность прокручивать этот массив, создавая строку таблицы или элемент списка для каждого объекта. В массиве будет неизвестное количество общих объектов, но каждый будет иметь одинаковый формат: три значения: имя, счет, команда.
До сих пор я использовал следующий код, который подтверждает, что я успешно загружаю объекты в консоли —
но я не уверен, как перебирать их, анализируя их в таблице HTML.
Следующий шаг — сортировка записей по счету в порядке убывания.
Любая помощь будет высоко оценена. Спасибо!
Обновленный код ниже, это работает:
($.parseJSON не был необходим, мы можем использовать «данные», поскольку массив JSON уже проанализирован. Я полагаю)
Я начинаю JavaScript и хочу отображать массив объектов в HTML.
Формат данных выглядит следующим образом:
Я хочу использовать список с тремя столбцами (идентификатор, имя, релевантность), чтобы отобразить их. И идентификатор может увеличиться с 1 автоматически.
Может ли кто-нибудь сказать мне, как написать код javascript для его отображения?
Пожалуйста, дайте мне некоторые материалы или примеры, чтобы узнать.
объяснение
Вам нужно заполнить таблицу (или другой элемент DOMElement) в HTML вашим JavaScript, который выполняется динамически после загрузки страницы и получения вашего объекта JSON.
Вы хотите перебрать объект. Лучший способ сделать это — for цикл for и убедиться, что наша циклическая переменная остается действительной для длины нашего объекта (всех его атрибутов).
Лучший способ получить длину объекта JSON — использовать myJSONObject.length : вы выбираете ключи myJSONObject и возвращаете их количество.
Вы можете получить доступ к значениям, хранящимся в вашем объекте JSON, следующим образом, в цикле for (при условии, что определенная переменная цикла называется i ): myJSONObject[i].theAttributeIWantToGet
Разбивка форматирования цены
Теперь эти цены должны иметь правильный формат, не так ли? Поэтому мы проверим, имеет ли какой-либо атрибут value меньше 2 символов после . внутри них. Если они это сделают, мы добавим еще один десятичный 0 . Мы также добавляем $ перед записью отформатированного значения. Вот разбивка того, как это работает:
- Мы хотим проверить длину после . знак, поэтому наш startIndex будет позицией этой точки в нашей строке.
- obj[i].value.toString().substring(obj[i].value.toString().indexOf(‘.’),length)
- Теперь нам нужно установить длину. Мы хотим найти длину всего, что после точки, поэтому мы берем длину всей строки просто для безопасности.
Конечный результат: obj[i].value.toString().substring(obj[i].value.toString().indexOf(‘.’), obj[i].value.toString().length)
- Это вернет истину или ложь. Если это правда: там меньше 2 цифр после точки!
Преобразует HTML таблицу в JSON представление.
Этот материал распространяется на условиях лицензии Creative Commons Attribution/Share-Alike License 3.0 (Unported). Это означает, что вы можете размещать этот контент на своем сайте или создавать на его основе собственный (в том числе и в коммерческих целях), при условии сохранения оригинального лицензионного соглашения. Кроме того, Вы должны отметить автора этой работы, путем размещения HTML ссылки на оригинал работы https://planetcalc.ru/6675/. Пожалуйста оставьте без изменения все ссылки на других авторов данной работы или работы, на основе которой создана данная работа (если таковые имеются в спроводительном тексте).
Понадобилось получить структурированные данные из HTML таблицы внешнего ресурса, не нашел ничего лучше, чем написать для этого отдельный калькулятор.
В итоге данный калькулятор преобразует HTML таблицу в JSON представление.
Заголовки и тело таблицы разбираются в отдельные массивы.
Начальные и конечные пустые символы (пробелы, табуляция, переносы строк) удаляются. Если задан параметр Числовые данные — выполняется преобразование строки в число.
JSON конвертер HTML таблиц
Алгоритм сжатия таблиц
Калькулятор содержит экспериментальный алгоритм сжатия данных, пригодный для снижения объема хранимых данных плавно меняющихся функций, заданных в табличном виде. Алгоритм сжимает данные построчно, формируя на выходе JSON массив из чисел и строк. В строках содержатся 1-байтные UTF-8 символы из диапазона, совместимого с HTML.
Автору удавалось добиться степени сжатия 31:1. В качестве теста использовались большие таблицы ГОСТов, описывающих плотность нефтепродуктов для Расчет плотности нефтепродуктов. ГОСТ 3900-85.
Так как алгоритм работает построчно и лучше всего работает на непрерывных плавно-меняющихся функциях, то следует добиться того, чтобы последовательные значения функции находились в строках, а не в столбцах. Если последовательные данные идут в столбцах, то следует включить галочку транспонирования таблицы.
Сжатие работает только на числовых данных. Если таблица содержит пустые ячейки, то нужно выбрать какое-либо число — заполнитель пустот. По умолчанию заполнитель равен нулю. Если ноль для ваших таблиц является допустимым значением, то следует выбрать другой заполнитель.
Ошибки табличных данных
Для наглядности добавлено визуальное представление данных. На графике можно отобразить любые 10 строк таблицы. Это бывает удобно, например, для легкого обнаружения ошибок сканирования таблиц. По моему опыту — практически все таблицы ГОСТов, доступные на различных ресурсах в Интернете в электронном виде, содержат огромное число ошибок сканирования.
