JavaScript 循环遍历对象案例

最新推荐文章于 2024-04-23 19:45:00 发布

战斗中的老段

最新推荐文章于 2024-04-23 19:45:00 发布

阅读量145

点赞数

分类专栏： javascript基础到实战文章标签： javascript 前端代码规范

本文链接：https://blog.csdn.net/qq_48203828/article/details/126131571

版权

javascript基础到实战专栏收录该内容

53 篇文章 4 订阅

订阅专栏

1、效果图
在这里插入图片描述
2、循环遍历对象

<script>
        // 对象
        var girlFriendType = {
            // 参数
            height : '身高(cm)',
            weight : '体重(kg)',
            age : '年龄',
            home : '家乡',
            natur : '性格',
            name: '名字',
            declaration: '爱情宣言是'
        }
        // var girlFriend = new Object()
        var girlFriend = []
        // for in ....循环
        for (var key in girlFriendType) {
            // 给空数组赋值
            girlFriend[key] = prompt('请输入我喜欢女生的' + girlFriendType[key])
            // document.write(girlFriendType[key])
        }
        // 遍历数组中每一个值
        document.write('我喜欢女生的身高(cm):' + girlFriend.height + 'cm'+'<br/>' + '我喜欢女生的体重是(kg):'  + girlFriend.weight + 'kg' + '<br/>'+'我喜欢女生的年龄是:' + girlFriend.age + '岁' + '<br/>'+'我喜欢女生的家乡是:'+ girlFriend.home + '市' + '<br/>'+'我喜欢女生的性格是:'  + girlFriend.natur +'<br/>'+'我喜欢的女生是:' +girlFriend.name + '<br/>'+'我的爱情宣言是' +girlFriend.declaration)
    </script>