javascript之Prototype属性

最新推荐文章于 2025-09-13 11:59:05 发布

转载最新推荐文章于 2025-09-13 11:59:05 发布 · 78 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/loaderman/p/10005928.html

文章标签：

#javascript #xhtml #ViewUI

本文介绍了如何在JavaScript中扩展数组和字符串对象，包括添加获取最大值、搜索元素、转换为字符数组及翻转字符串的方法。通过原型链的利用，实现了自定义功能的便捷调用。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
/*
需求：想把getMax与searchEle方法添加 到数组对象中。

    functoin Array(){
        this.prototype = new Object();    
        
        this.getMax = function(){
        
        }
    }    
Prototype注意的细节：
    1.    prototype是函数(function)的一个必备属性(书面一点的说法是"保留属性")(只要是function,就一定有一个prototype属性)
    2.    prototype的值是一个对象
    3.    可以任意修改函数的prototype属性的值。
    4.    一个对象会自动拥有prototype的所有成员属性和方法。
    


    
*/
    
    Array.prototype.getMax = function(){
        var max = this[0];
        for(var index = 1; index<this.length ; index++){
            if(this[index]>max){
                max = this[index];    
            }    
        }
        return max;
    }
    Array.prototype.searchEle = function(target){
        for(var i = 0 ; i<this.length ; i++){
            if(target==this[i]){
                return i;    
            }    
        }
        return -1;
            
    }
    //var arr = new Array(12,4,17,9);
    var arr = [12,4,17,9];
    var max = arr.getMax();
    var index = arr.searchEle(9);
    document.write("最大值："+ max+"<br/>");
    document.write("索引值："+ index+"<br/>");


</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
/*
练习： 给字符串对象添加一个toCharArray的方法，然后再添加一个reverse(翻转)的 方法
*/

    //把 字符串转换成字符数组
    String.prototype.toCharArray = function(){
        var arr = new Array();
        for(var index = 0; index<this.length ;index++){
            arr[index] = this.charAt(index);    
        }
        return arr;
    }
    
    
    
    String.prototype.reverse = function(){
        //想把字符串转换成字符数组
        var arr = this.toCharArray();
        arr.reverse();
        return arr.join("");
    }
    
    var str = "你们厉害啊";
    var charArr = str.toCharArray();
    document.write("数组的元素："+charArr.join(","));

    str = str.reverse();
    document.write("<br/>翻转后的字符串："+str);
    
    




</script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
</body>
</html>

输出:

数组的元素：你,们,厉,害,啊
翻转后的字符串：啊害厉们你

转载于:https://www.cnblogs.com/loaderman/p/10005928.html