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>.浏览器打开以上代码渲染结果

目录
相关文章
|
8月前
|
JavaScript 前端开发 API
JavaScript中通过array.map()实现数据转换、创建派生数组、异步数据流处理、复杂API请求、DOM操作、搜索和过滤等,array.map()的使用详解(附实际应用代码)
array.map()可以用来数据转换、创建派生数组、应用函数、链式调用、异步数据流处理、复杂API请求梳理、提供DOM操作、用来搜索和过滤等,比for好用太多了,主要是写法简单,并且非常直观,并且能提升代码的可读性,也就提升了Long Term代码的可维护性。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
8月前
|
数据采集 JavaScript 前端开发
JavaScript中通过array.filter()实现数组的数据筛选、数据清洗和链式调用,JS中数组过滤器的使用详解(附实际应用代码)
用array.filter()来实现数据筛选、数据清洗和链式调用,相对于for循环更加清晰,语义化强,能显著提升代码的可读性和可维护性。博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
自然语言处理 前端开发 JavaScript
🛠️ JavaScript数组操作指南:20个精通必备技巧🚀
本文详细介绍了 JavaScript 中的 20 个高效数组操作技巧,涵盖了从基本的添加、移除元素,到数组转换和去重等高级操作。强调了不可变性的重要性,提供了清晰的代码示例,帮助开发者编写更整洁和高效的代码。无论是新手还是经验丰富的开发者,这些技巧都将显著提升您的编码能力,使您在项目中更具竞争力。
225 2
|
JavaScript 前端开发 测试技术
JS都有哪些操作数组的方法
JS都有哪些操作数组的方法
421 3
|
JavaScript
js删除数组中已知下标的元素
js删除数组中已知下标的元素
370 4
|
JavaScript 前端开发 Java
【javaScript数组,函数】的基础知识点
【javaScript数组,函数】的基础知识点
117 5
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
182 1
|
JavaScript 前端开发 索引
探索JavaScript数组:基础
探索JavaScript数组:基础
94 3
|
JavaScript 前端开发 索引
JS 删除数组元素( 5种方法 )
JS 删除数组元素( 5种方法 )
792 1
|
JavaScript 前端开发
如何在JS中声明一个数组
如何在JS中声明一个数组
276 0

热门文章

最新文章