lovecoding
/
W250511


			
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 用列表展示出所有的男同学 -->
    <!-- <ul>
        <li>姓名：张三</li>
        <li>姓名：王五</li>
        <li>姓名：王二</li>
    </ul> -->
    <script>
        var userList = [
            {
                userName:"张三",
                sex:"男"
            },
            {
                userName:"李四",
                sex:"女"
            },
            {
                userName:"王五",
                sex:"男"
            },
            {
                userName:"赵六",
                sex:"女"
            },
            {
                userName:"王二",
                sex:"男"
            },
        ];

        document.write("<ul>");
        // 第一步遍历数组
        for(var i = 0;i<userList.length;i++){
            //输出数组中所有的值
            // console.log(userList[i])
            //输出数组每一个对象的性别
            // console.log(userList[i].sex);
            // 如果性别为男那么输出姓名
            // if(userList[i].sex == "男"){
            //     console.log(userList[i].userName);
            // }

            // 第二如果为男性则输出到页面中
            if(userList[i].sex == "男"){
                document.write("<li>姓名："+userList[i].userName+"</li>");
            }

        }
        document.write("</ul>");


        // var arr = [1,2,3]
        // var num = arr[0]
    </script>
</body>
</html>