JavaScript的基本包装类型_String类型

String类型的属性

判断字符串长度：length

var box1 = '41412'
alert(box1.length)

var box2 = ' 41412'
alert(box2.length) // 结果是6，前面空格也算是一个字符

constructor属性

var str = 'huang'
console.log(str.constructor) // [Function: String]

二、String类型的方法：

　　1.对象的通用方法：

　　　　比如 valueOf()、toLocaleString()和 toString()方法，但这些方法都返回字符串的基本值。

　　//以下方法结果都是原字符串
    var box = "javascript";
    alert(box.valueOf());
    alert(box.toString());
    alert(box.toLowerCase());
    alert(box.toLocaleString());

　　2.字符方法
　　

 var box = 'Mr.Lee';
 alert(box.charAt(1)); //r
 alert(box.charCodeAt(1)); //114
 alert(box[1]); 　　//r，通过数组方式截取

　　PS：box[1]在 IE6,7,8 浏览器会显示 undefined，所以使用时要慎重。

　　3.字符串操作方法：

    var box = 'Mr.Lee';
    alert(box.concat(' is ', ' Teacher ', '!'));         //Mr.Lee is Teacher !
    
    alert(box.slice(3)); //Lee
    alert(box.slice(3,5)); //Le  包含头不包含尾
    alert(box.substring(3)); //Lee
    alert(box.substring(3,5)); //Le   包含头不包含尾
    alert(box.substr(3)); //Lee
    alert(box.substr(3,5)); //Lee包含头也包含尾

　　 var box = 'Mr.Lee';
    alert(box.slice(-3));         //Lee，6+(-3)=3 位开始    6表示字符串的长度
    alert(box.substring(-3));    //Mr.Lee 负数返回全部
    alert(box.substr(-3));         //Lee，6+(-3)=3 位开始     6表示字符串的长度
    
    var box1 = 'Mr.Lee';
    alert(box1.slice(3, -1));         //Le 6+(-1)=5, (3,5)          6表示字符串的长度
    alert(box1.substring(3, -1));     //Mr. 第二参为负，直接转 0，并且方法会把较小的数字提前，(0,3)
    alert(box1.substr(3, -1));           //第二参数为负，直接转 0 ，(3,0)

　　PS：IE6,7,8 的 JavaScript 实现在处理向 substr()方法传递负值的情况下存在问题，它会返回原始字符串，使用时要切记。

　　4.字符串位置方法：

    var box = 'Mr.Lee is Lee';
    alert(box.indexOf('L')); //3
    alert(box.indexOf('L', 5)); //10
    alert(box.lastIndexOf('L')); //10
    alert(box.lastIndexOf('L', 5)); //3，从指定的位置向前搜索

　　PS：如果没有找到想要的字符串或者角标不存在，则返回-1。示例：找出全部的 L

    var box = 'Mr.Lee is Lee'; //包含两个 L 的字符串
    var boxarr = []; //存放 L 位置的数组
    var pos = box.indexOf('L'); //先获取第一个 L 的位置
    
    while (pos > -1) { 　　//如果位置大于-1，说明还存在 L
        boxarr.push(pos); //添加到数组
        pos = box.indexOf('L', pos + 1);
    } 　　　　　　　　　　//从新赋值 pos 目前的位置
    alert(boxarr); //输出

　　5大小写转换方法：

    var box = 'Mr.Lee is Lee';
    alert(box.toLowerCase()); //全部小写
    
    alert(box.toUpperCase()); //全部大写
    
    alert(box.toLocaleLowerCase());     
    alert(box.toLocaleUpperCase());

　　6.字符串的模式匹配方法：

　　以上中 match()、replace()、serach()、split()在普通字符串中也可以使用。

    var box = 'Mr.Lee is Lee';
    alert(box.match('L')); //找到 L，返回 L 否则返回 null
    alert(box.search('L')); //找到 L 的位置，和 indexOf类似
    alert(box.replace('L', 'Q')); //把 L 替换成 Q，返回替换后的字符串
    alert(box.split(' ')); //以空格分割成数组，并返回字符串数组

　　7.其他方法：

alert(String.fromCharCode(76)); //L，输出 Ascii 码对应的字符

　　localeCompare(str1,str2)方法详解：比较两个字符串并返回以下值中的一个；
　　　　1.如果字符串在字母表中应该排在字符串参数之前，则返回一个负数。(多数-1)
　　　　2.如果字符串等于字符串参数，则返回 0。
　　　　3.如果字符串在自附表中应该排在字符串参数之后，则返回一个正数。(多数 1)

　　var box = 'Lee';
    alert(box.localeCompare('apple')); //1
    alert(box.localeCompare('Lee')); //0
    alert(box.localeCompare('zoo')); //-1
    alert(box.localeCompare('1'));//传入数字结果全部是1
    alert(box.localeCompare("啊"));//传入中文全部是-1，不会按中文的拼音排序

　　8.HTML方法：通过 JS 生成一个 html 标签，根据经验，没什么太大用处，做个了解。

　　var box = 'Lee'; 
    document.write((box.link('http://www.yc60.com'))); //超链接,相当于这样：<a href="http://www.yc60.com">Lee</a>   在网页中是有效的

三、给String对象添加自定义方法（String-原型属性prototype）

　　发现js中的string对象方法有限，想要对字符串操作的其他功能。

　　比如：去除字符串两端的空格。这时只能自定义。

　　这里就可以使用一个该字符串的原型属性来完成：

　　原型：

　　　　就是该对象的一个描述。该描述中如果添加了新功能。那么该对象都会具备这些新功能。

　　　　而prototype就可以获取到这个原型对象。通过prototype就可以对对象的功能进行扩展。

　　1.去除字符串两端的空格。

　　　　思路：

　　　　　　1.定义两个变量，一个记录开始的位置。一个记录结束的位置。

　　　　　　2.对开始的位置的字符进行判断，如果是空格，就进行递增，直到不是空格为止。

　　　　　　3.对结束的位置的字符进行判断，如果是空格，就进行递减，直到不是空格为止。

　　　　　　4.必须要保证开始<=结束，这样才可以进行截取。

　　function trim(str){
        var start,end;
        start=0;
        end=str.length-1;
                
        while(start<=end && str.charAt(start)==' '){
            start++;
        }
        while(start<=end && str.charAt(end)==" "){
            end--;
        }
        return str.substring(start,end+1);
    }
    var s = "     ab c      ";
    alert("-"+trim(s)+"-");//单独调用该方法

　　既然trim方法是用来操作字符串的方法，可不可以像字符串已有的方法一样，将该方法也定义到字符串对象中呢？

　　直接用字符串对象调用就欧了。给string对象添加一个可以去除字符串两端空格的新功能：

 String.prototype.trim = function(){    
        var start,end;
        start=0;
        end=this.length-1;
        
        while(start<=end && this.charAt(start)==' '){
            start++;
        }
        while(start<=end && this.charAt(end)==" "){
            end--;
        }
        
        return this.substring(start,end+1);

    }
    var s = "     ab c      ";
    s=s.trim();
    alert("s="+s);

　　2.添加一个将字符串转成字符数组

　　String.prototype.toCharArray = function(){
        
        var chs = [];//定义一个数组。
        
        for(var x=0; x<this.length; x++){        //将字符串中的每一位字符存储到字符数组中。 
            chs[x] = this.charAt(x);
        }
        
        return chs;
    }
    var str  = "abcdefg";
    alert(str.toCharArray());

JavaScript的基本包装类型_String类型

猜你喜欢