Объект массива перемещения объекта JS
Объект массива перемещения объекта JS

нуждаться

Пожалуйста, распечатайте объекты в следующих данных: студенты = [ {uid: 1, имя: «Сяо Мин», возраст: 18, пол: «мужской», родной город: «Провинция Хэбэй» }, {uid: 2, имя: «Красный», возраст: 19, пол: «женский», родной город: «Провинция Хэнань» }, {uid: 3, имя: «Сяоган», возраст: 17, пол: «мужской», родной город: «Провинция Шаньси» }, {uid: 4, имя: «Сяоли», возраст: 18, пол: «женский», родной город: «Провинция Шаньдун» } ]

визуализации

код

Способ первый

код Язык:javascript
копировать
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
         padding:0;
         margin:0;
     }
     table{
         width:500px;
         margin:100px auto;
         border-collapse:collapse;/*режим слияния границ*/
         text-align:center;
     }
     td,th{
         border:1px solid #333;
     }
     thead tr{
         height:40px;
         background-color: #cccccc;
     }
 </style>
</head>
<body>
    <script>
        let students = [
            { name: «Сяо Мин», age: 18, gender: 'мужской', hometown: «Провинция Хэбэй» },
            { name: «Красный», age: 19, gender: 'женский', hometown: «Провинция Хэнань» },
            { name: «Банда Сяо», age: 17, gender: 'мужской', hometown: «Провинция Шаньси» },
            { name: 'Сяоли', age: 18, gender: 'женский', hometown: «Провинция Шаньдун» }
        ]
        document.write(`
        <table>
        <caption>
            <h2> список студентов</h2>
        </caption>
        <thead>
            <tr>
                <th>серийный номер</th>
                <th>Имя</th>
                <th>возраст</th>
                <th>пол</th>
                <th>родной город</th>
            </tr>
        </thead>
`)
        for(i = 0; i < students.length ; i ++) {
            let a = students[i]
              document.write(`
                <tbody>
                    <tr>
                        <td>${i}</td>
                        <td>${a.name}</td>
                        <td>${a.age}</td>
                        <td>${a.gender}</td>
                        <td>${a.hometown}</td>
                    </tr>
                </tbody>
             `)
        }
    </script>
</body>

</html>

Способ второй

код Язык:javascript
копировать
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
           *{
            padding:0;
            margin:0;
        }
        table{
            width:500px;
            margin:100px auto;
            border-collapse:collapse;/*режим слияния границ*/
            text-align:center;
        }
        td,th{
            border:1px solid #333;
        }
        thead tr{
            height:40px;
            background-color: #cccccc;
        }
    </style>
</head>
<body>

    <table>
        <caption>
            <h2> список студентов</h2>
        </caption>
        <thead>
            <tr>
                <th>серийный номер</th>
                <th>Имя</th>
                <th>возраст</th>
                <th>пол</th>
                <th>родной город</th>
            </tr>
        </thead>

        <tbody>
        </tbody>
    </table>
    <script>
        let students = [
            {uid: 1, name: «Сяо Мин», age: 18, gender: 'мужской', hometown: «Провинция Хэбэй» },
            {uid: 2, name: «Красный», age: 19, gender: 'женский', hometown: «Провинция Хэнань» },
            {uid: 3, name: «Банда Сяо», age: 17, gender: 'мужской', hometown: «Провинция Шаньси» },
            {uid: 4, name: 'Сяоли', age: 18, gender: 'женский', hometown: «Провинция Шаньдун» }
        ]
       // Создайте строки в tbody. Мы создадим столько строк, сколько человек (по длине).
        let tbody=document.querySelector("tbody");
        for (let i = 0; i < students.length; i++) {
            let tr = document.createElement("tr")
            tbody.appendChild(tr)
            //Создаем ячейки в каждой строке tr (3 ячейки, относящиеся к данным). Количество ячеек td зависит от количества атрибутов каждого объекта. для циклаTraversObject students[i]
            for (let k in students[i]) {
               let td = document.createElement("td") // Создание ячеек
               td.innerHTML = students[i][k] //Передаём атрибуты объекта ячейке
               tr.appendChild(td)
            }
        }
    </script>
 </body>
</html>
boy illustration
Учебное пособие по Jetpack Compose для начинающих, базовые элементы управления и макет
boy illustration
Код js веб-страницы, фон частицы, код спецэффектов
boy illustration
【новый! Суперподробное】Полное руководство по свойствам компонентов Figma.
boy illustration
🎉Обязательно к прочтению новичкам: полное руководство по написанию мини-программ WeChat с использованием программного обеспечения Cursor.
boy illustration
[Забавный проект Docker] VoceChat — еще одно приложение для мгновенного чата (IM)! Может быть встроен в любую веб-страницу!
boy illustration
Как реализовать переход по странице в HTML (html переходит на указанную страницу)
boy illustration
Как решить проблему зависания и низкой скорости при установке зависимостей с помощью npm. Существуют ли доступные источники npm, которые могут решить эту проблему?
boy illustration
Серия From Zero to Fun: Uni-App WeChat Payment Practice WeChat авторизует вход в систему и украшает страницу заказа, создает интерфейс заказа и инициирует запрос заказа
boy illustration
Серия uni-app: uni.navigateЧтобы передать скачок значения
boy illustration
Апплет WeChat настраивает верхнюю панель навигации и адаптируется к различным моделям.
boy illustration
JS-время конвертации
boy illustration
Обеспечьте бесперебойную работу ChromeDriver 125: советы по решению проблемы chromedriver.exe не найдены
boy illustration
Поле комментария, щелчок мышью, специальные эффекты, js-код
boy illustration
Объект массива перемещения объекта JS
boy illustration
Как открыть разрешение на позиционирование апплета WeChat_Как использовать WeChat для определения местонахождения друзей
boy illustration
Я даю вам два набора из 18 простых в использовании фонов холста Power BI, так что вам больше не придется возиться с цветами!
boy illustration
Получить текущее время в js_Как динамически отображать дату и время в js
boy illustration
Вам необходимо изучить сочетания клавиш vsCode для форматирования и организации кода, чтобы вам больше не приходилось настраивать формат вручную.
boy illustration
У ChatGPT большое обновление. Всего за 45 минут пресс-конференция показывает, что OpenAI сделал еще один шаг вперед.
boy illustration
Copilot облачной разработки — упрощение разработки
boy illustration
Микросборка xChatGPT с низким кодом, создание апплета чат-бота с искусственным интеллектом за пять шагов
boy illustration
CUDA Out of Memory: идеальное решение проблемы нехватки памяти CUDA
boy illustration
Анализ кластеризации отдельных ячеек, который должен освоить каждый&MarkerгенетическийВизуализация
boy illustration
vLLM: мощный инструмент для ускорения вывода ИИ
boy illustration
CodeGeeX: мощный инструмент генерации кода искусственного интеллекта, который можно использовать бесплатно в дополнение к второму пилоту.
boy illustration
Машинное обучение Реальный бой LightGBM + настройка параметров случайного поиска: точность 96,67%
boy illustration
Бесшовная интеграция, мгновенный интеллект [1]: платформа больших моделей Dify-LLM, интеграция без кодирования и встраивание в сторонние системы, более 42 тысяч звезд, чтобы стать свидетелями эксклюзивных интеллектуальных решений.
boy illustration
LM Studio для создания локальных больших моделей
boy illustration
Как определить количество слоев и нейронов скрытых слоев нейронной сети?
boy illustration
[Отслеживание целей] Подробное объяснение ByteTrack и детали кода
©