lovecoding
/
Web1020


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
							<!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 id="box">
        <!-- <li>用户姓名：XXX , 用户性别：X,年龄：X,地址：XXXX</li> -->

    </ul>
    <script>
        /*
        题目：使用 filter 方法过滤人员列表中所有年龄大于等于60岁额且家住在哈尔滨周边村或者镇的居民，并将结果显示在页面上。
        要求：
            在js中创建<li>标签用于显示结果 每一行的记过为： 用户姓名：XXX , 用户性别：X,年龄：X,地址：XXXX。
            使用 JavaScript 的 filter 方法对数组进行操作。
        */
        let personList = [
            {
                userName: "张三",
                userAge: 20,
                userSex: "男",
                address:"哈尔滨红利村"
            },{
                userName: "李四",
                userAge: 30,
                userSex: "女",
                address:"哈尔滨松北区"
            },{
                userName: "王五",
                userAge: 40,
                userSex: "男",
                address:"哈尔滨道里区"
            },{
                userName: "赵六",
                userAge: 50,
                userSex: "女",
                address:"哈尔滨香坊区"
            },{
                userName: "孙七",
                userAge: 60,
                userSex: "男",
                address:"哈尔滨杏林村"
            },{
                userName: "周八",
                userAge: 70,
                userSex: "女",
                address:"哈尔滨平房区"
            },{
                userName: "吴九",
                userAge: 80,
                userSex: "男",
                address:"哈尔滨一面坡镇"
            },{
                userName: "郑十",
                userAge: 90,
                userSex: "女",
                address:"哈尔滨香坊区"
            }, {
                userName: "钱十一",
                userAge: 80,
                userSex: "男",
                address:"哈尔滨宾州镇"
            }, {
                userName: "孙十二",
                userAge: 70,
                userSex: "女",
                address:"哈尔滨南岗区"
            }
        ]

        // 使用 filter 方法对数组进行操作 将符合条件的数据过滤出来。
        let resArr = personList.filter(function(item){
            if(item.userAge >= 60 && (item.address.endsWith("村") || item.address.endsWith("镇"))){
                return true;
            }else{
                return false;
            }
        });

        // 将过滤后的结果插入大列表中
        let oBox = document.getElementById("box");
        resArr.forEach(function(item){
            let oLi = document.createElement("li");
            let resStr = `用户名：${item.userName},用户性别：${item.userSex},年龄：${item.userAge},地址：${item.address}`;
            oLi.innerText = resStr;
            oBox.appendChild(oLi);
        })
    </script>
</body>

</html>