JavaScript基础知识-数组的练习

简介: 关于JavaScript基础知识中数组操作的练习,主要介绍了如何从一个包含Person对象的数组中过滤出成年人(年龄达到18岁及以上)并将他们放入一个新的数组中。

作者:尹正杰
版权声明:原创作品,谢绝转载!否则将追究法律责任。

一.将一个数组中的Person对象中,成年人(年龄达到18岁即可)过滤出来放入到一个新的数组中

1>.JavaScript源代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数组的练习</title>

    <script type="text/javascript">

        function Person(name,age,address) {
            this.name = name;
            this.age = age;
        }

        // 修改Person原型的toString
        Person.prototype.toString = function () {
            return "Person[name=" + this.name +",age=" + this.age + "]";
        }


        var p1 = new Person("漩涡鸣人",18);
        var p2 = new Person("佐助",19);
        var p3 = new Person("波风水门",38);
        var p4 = new Person("雏田",15);
        var p5  = new Person("小樱",17);

        /**
         *  请将person_list中所有的Person对象中,年龄大于等于18岁的人提出出来,并返回到一个新的数组中。
         */
        var person_list = [p1,p2,p3,p4,p5];

        /**
         *  请先思考上面的题意,现场时写代码,写不出来再继续往下看。
         */
        function getAdult(arr){
            // 创建一个新的数组
            var adult_people = [];

            for (let i = 0; i < arr.length; i++) {
                if (arr[i].age  >= 18){
                    adult_people.push(arr[i]);
                }
            }

            return adult_people;
        }

        console.log(person_list);
        console.log(getAdult(person_list));

    </script>
</head>
<body>

</body>
</html>

2>.浏览器打开以上代码渲染结果

二.

1>.JavaScript源代码

2>.浏览器打开以上代码渲染结果

目录
相关文章
|
5月前
|
自然语言处理 前端开发 JavaScript
🛠️ JavaScript数组操作指南:20个精通必备技巧🚀
本文详细介绍了 JavaScript 中的 20 个高效数组操作技巧,涵盖了从基本的添加、移除元素,到数组转换和去重等高级操作。强调了不可变性的重要性,提供了清晰的代码示例,帮助开发者编写更整洁和高效的代码。无论是新手还是经验丰富的开发者,这些技巧都将显著提升您的编码能力,使您在项目中更具竞争力。
66 2
|
5月前
|
JavaScript 前端开发 测试技术
JS都有哪些操作数组的方法
JS都有哪些操作数组的方法
85 3
|
5月前
|
JavaScript 前端开发 API
JS中数组的方法flat()怎么用
JS中数组的方法flat()怎么用
57 0
|
5月前
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
78 1
|
5月前
|
JavaScript 前端开发 索引
JavaScript中数组、对象等循环遍历的常用方法介绍(一)
JavaScript中数组、对象等循环遍历的常用方法介绍(一)
70 0
|
5月前
|
JavaScript
js删除数组中已知下标的元素
js删除数组中已知下标的元素
71 4
|
5月前
|
前端开发 JavaScript 索引
JavaScript 数组常用高阶函数总结,包括插入,删除,更新,反转,排序等,如map、splice等
JavaScript数组的常用高阶函数,包括遍历、插入、删除、更新、反转和排序等操作,如map、splice、push、pop、reverse等。
38 0
|
5月前
|
JavaScript 前端开发 Java
【javaScript数组,函数】的基础知识点
【javaScript数组,函数】的基础知识点
52 5
|
5月前
|
JavaScript 前端开发 索引
JS 删除数组元素( 5种方法 )
JS 删除数组元素( 5种方法 )
123 1
|
5月前
|
JavaScript 前端开发 索引
探索JavaScript数组:基础
探索JavaScript数组:基础
36 3

热门文章

最新文章