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
js 解析 byte数组 成字符串
js 解析 byte数组 成字符串
|
29天前
|
JavaScript 前端开发 索引
JS遍历数组里数组下的对象,根据数组中对象的某些值,组合成新的数组对象
这篇文章介绍了如何在JavaScript中遍历数组里数组下的对象,并根据对象的某些属性值组合成一个新的数组对象。主要内容包括使用ES6的`for...of`循环来遍历数组对象,然后根据需要提取对象中的属性值,并将它们放入新的对象中,最终形成一个新的对象数组以供使用。
|
25天前
|
前端开发 JavaScript 开发者
【前端开发者的福音】彻底改变你编码习惯的神奇数组迭代技巧——从基础到进阶,解锁 JavaScript 数组迭代的N种姿势!
【8月更文挑战第23天】在Web前端开发中,数组是JavaScript中最常用的数据结构之一,掌握高效的数组迭代方法至关重要。本文详细介绍了多种数组迭代技巧:从基础的`for`循环到ES6的`for...of`循环,再到高阶方法如`forEach`、`map`、`filter`、`reduce`及`some`/`every`等。这些方法不仅能提高代码的可读性和维护性,还能有效优化程序性能。通过具体的示例代码,帮助开发者更好地理解和运用这些迭代技术。
25 0
|
14天前
|
JavaScript 前端开发
JavaScript基础知识-数组的遍历
关于JavaScript数组遍历基础知识的文章。
26 2
JavaScript基础知识-数组的遍历
|
14天前
|
JavaScript 前端开发
JavaScript基础知识-数组的常用方法
关于JavaScript基础知识-数组的常用方法。
14 1
JavaScript基础知识-数组的常用方法
|
14天前
|
JavaScript 前端开发 索引
JavaScript基础知识-数组基于索引访问
关于JavaScript数组基于索引访问的基础知识介绍。
13 1
JavaScript基础知识-数组基于索引访问
|
14天前
|
JavaScript 前端开发
JavaScript基础知识-数组的定义方式
本文介绍了JavaScript中数组的多种定义方式。
11 1
JavaScript基础知识-数组的定义方式
|
4天前
|
JavaScript
js 循环数组取值
js 循环数组取值
|
10天前
|
存储 JavaScript 前端开发
JS中的数组有哪些常用操作函数和属性
【9月更文挑战第7天】JS中的数组有哪些常用操作函数和属性
9 1
|
18天前
|
JavaScript 前端开发 UED
JavaScript代码技巧大分享,在数组中去重元素
本文介绍了一系列实用的JavaScript函数,包括将内容复制到剪贴板、获取鼠标选中内容、打乱数组顺序、颜色值转换(RGBA与十六进制)、计算平均值、判断奇偶数、数组去重、检查空对象、反转字符串、计算日期间隔、首字母大写、生成随机字符串和随机数等,帮助提升网站的用户体验和功能丰富性。
20 4