练习五:数组、函数相关的练习

一、题目如下:
1.定义一个Person类类中包含name、age两个属性,修改该类中toString()方法,使其可以输出对象的具体信息。信息格式如下:Person[name=Tom, age=18]
2.创建一个数组,向数组中添加三个Person对象(使用上提的构造函数)
3.遍历题2中的数组
4.编写一个函数,去除下列数组中重复的元素var arr = [1,2,3,3,4,5,2,2,2,6,7]

二、前3题的代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type="text/javascript">
      /*
    1.  定义一个Person类,类中包含name、age两个属性,修改该类中toString()方法,使其可以输出对象的具体信息。信息格式如下:
Person[name=Tom, age=18]

    */
    function Person(name,age){
            this.name=name;
            this.age=age;         
        }
        Person.prototype.toString = function() {
            return "Person[name = " + this.name + ",age = "+this.age+"]";
        }
        var p1= new Person("Tom",18)
        console.log(p1.toString());
    /*
    2.  创建一个数组,向数组中添加三个Person对象(使用上题的构造函数)
    
    */
    var a = new Array();
    var p2 = new Person("Tom",18);
    var p3 = new Person("Mike",19);
    var p4 = new Person("Lily",19);
    a.push(p2,p3,p4);
    console.log(a);
    /*
    3.  遍历题2中的数组
    */ 
    for(var i=0;i<a.length;i++){
        console.log(a[i]);
    }
       </script>
</head>
<body>
    
</body>
</html>

三、前3题的执行结果如下:


image.png

四、第4题的代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type="text/javascript">
    /*
    4.  编写一个函数,去除下列数组中重复的元素
    var arr = [1,2,3,3,4,5,2,2,2,6,7]

    */
    var arr = [1,2,3,3,4,5,2,2,2,6,7]
    arr.sort();
    for(var i = 0;i < arr.length-1;i++){
        if(arr[i]==arr[i+1]){
            arr.splice(i+1,1);
            i--;
        }
    }
    console.log(arr);


    </script>
</head>
<body>
    
</body>
</html>

五、第四题的执行结果如下:


image.png
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容