js之基本包装类型

        为了便于操作“基本类型值”，JS 提供了三个特殊的引用类型：Boolean、Number、String。这些类型和其他引用类型相似，但同时也具备与各自基本类型相应的特殊行为。 实际上：每当读取一个基本类型值的时候， “后台就会创建一个 对应的基本包装类型的对象”，能够调用一些方法来操作这些数据。 

String对象

String对象是基本类型，但是也是特殊的引用类型（基本包装类型：内部创建对象，可以调用它自己内部的特殊行为）

• String是基本包装类型：

var box ='Mr.Xiao';     //字面量创建方式

alert(box.substring(2)); //box 是基本类型，但是也是特殊的引用类型，在后台 会创建一个 基本包装类型的对象；；所以可以调用 系统内置的函数

• String对象不是引用类型（因为无法动态添加属性和方法）

//注意  这种简单类型不是引用类型（因为他们不能 添加属性和方法）
box.name='xiao';
box.age=function(){
    return 10;
}

alert(box.name);  //undefined
alert(box.age());  //报错

 

• 使用New修饰符创建的String对象就是Object引用类型的对象

new修饰符创建的对象是引用类型，可以动态添加属性和方法。

var box =new String('Mr.Xiao');
box.name="xiao";
box.age=function(){
    return 10;
}
alert(box.name);   //xiao
alert(box.age());   //10
alert(box.substring(2));  // .Xiao  也是可以执行的

 

• String内部的方法和属性

 

一些常用的方法：

字符串截取函数

JS中的字符串截取函数：slice()、substring()、substr()函数。

•  都含有两个参数：

var str ='Mr.Wang';
alert(str.charAt(3));//W
alert(str[3]);//W
  
//截取字符串方法：slice()、substring()、substr() 
var str ='Mr.Wang';
  
alert(str.slice(2,4));//.W   索引从 2开始 到 4结束 截取字符串
alert(str.substring(2,4));//.W  效果同上
alert(str.substr(2,4)); //.Wan   从2开始 截取长度为 4 的字符串

 

•  含有一个参数

 这个时候效果就相同了，都是从索引开始位置一直截取到最后。

//如果 只含有一个 参数，他们的效果就相同了，，就是 从索引位置  一直到最后
alert(str.slice(2));//.Wang
alert(str.substring(2));//.Wang
alert(str.substr(2));//.Wang

•  当参数含有负数的时候

基本用不到就是了解一下而已

//slice()翻译方式：用字符串长度加上 负数的值 得到的 数字
alert(str.slice(2,-1));//.Wan   7+(-1)=6——》翻译之后是(2,6)
alert(str.slice(-2,-1));//n     翻译之后是(5,6)
alert(str.slice(-2));//ng   同样的翻译道理
 
//substring()翻译方式：只要遇到 负数就 返回0，，如果前面的数字 大于 后面的数字，就将两个数字调换位置
alert(str.substring(2,-1)); // Mr   翻译结果：(1,2)
 
//substr() 翻译方式：遇到 负数 直接返回0  ，但是不会调换位置
alert(str.substr(2,-1));  // 空字符串   翻译结果：(2,0)
  
//PS:在IE 下  如果 substr() 方法 参数传递负值  那么就会 返回全部字符串
alert(str.substr(-2));//Mr.Wang

 

 

indexOf()函数和lastIndexOf()函数

1. indexOf():获取第一个 含有 "搜索字符串"的位置  
2. lastIndexOf()  :从后面开始 搜索到 第一个  "搜索字符串"的位置

var str ='Mr.Wang is a good Wang.Wang is a best Wang.';
alert(str.indexOf('Wang'));//3   默认是 索引为0  的位置 开始 搜索的
 
alert(str.lastIndexOf('Wang'));//28      默认是从最后开始 搜索的
  
alert(str.indexOf('Wang',10));//18    第二个参数：开始搜索的 索引位置
alert(str.lastIndexOf('Wang',30)); //23   从索引为 30 的位置 开始 向前面搜索 
 
//PS:如果没有找到 搜索字符串  那么就会 返回-1

 

 

实现业务：查询出上面的字符换“Wang”的所有的索引位置

var posArray=[];
var pos =str.indexOf('Wang');
while(pos>-1){
    posArray.push(pos);
    pos =str.indexOf('Wang',pos+1);
   
}
alert(posArray);

 

 

Boolean没有内置方法

 

Number内置方法 

Number静态属性

 Number对象的方法

 

上面使用方法和上面的基本相似，作用上面注明了。

 

基本包装类型的 内部 方法其实都是 prototype属性和方法，也可以自己添加

 

//可以 添加 原型属性和方法（所有实例共享的作用），，他内部的 所有内置的方法都是原型方法
String.prototype.AddNum=function(){
    return this +'111...';
}
var str ='xiao';
alert(str.AddNum());//xiao111...
  
var b=true;
Boolean.prototype.ReturnFalse=function (){
    return false;
}
alert(b.ReturnFalse());//false    可以添加 原型方法

 

转自：【小小gogo_js之基本包装类型】