04_遍历数组对象渲染学生信息表

Strohhut

于 2023-04-22 19:15:41 发布

阅读量264

点赞数 1

分类专栏：黑马程序员javascript基础（5）文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/Strohht/article/details/130308914

版权

黑马程序员javascript基础（5）专栏收录该内容

13 篇文章 0 订阅

订阅专栏

<!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>
</head>

<body>
    <script>
        let students = [
            { name: '小明', age: 18, gender: '男', hometown: '河南省' },
            { name: '小红', age: 18, gender: '男', hometown: '河北省' },
            { name: '小刚', age: 18, gender: '男', hometown: '山西省' },
            { name: '小丽', age: 18, gender: '男', hometown: '山东省' }
        ]
        for (let i = 0; i < students.length; i++) {
            console.log(students[i]) //打印数组
            console.log(students[i].hometown)  //打印家乡
        }
    </script>
</body>

</html>