基本包装类型
为了便于操作基本类型值，ECMAScript提供了3个特殊的引用类型：Boolean、Number和String。这些类型与其他引用类型相似，但同时也具有与各自的基本类型相应的特殊行为。实际上，每当读取一个基本类型值的时候，后台就会创建一个对应的基本包装类型的对象，从而能够调用一些方法来操作这些数据。
一．基本包装类型概述
var box='Mr.xixi'; //基本类型 //alert(box); //Mr.xixi //alert(typeof box); //string alert(box.substring(2)); //对象.方法(参数)，这种写法明显是引用类型的写法 //索引0开始，从第2个位置开始截取到末尾的字符串输出：.xixi //是基本类型，但又是特殊的引用类型，基本包装类型 //因为他可以调用系统内置的方法
变量box是一个字符串类型，而box.substring(2)又说明它是一个对象(只有对象才会调用方法)，最后把处理结果赋值给box2。'Mr.xixi'是一个字符串类型的值，按道理它不应该是对象，不应该会有自己的方法
另一种写法：
var box='Mr.xixi'; alert(box.substring(2)); alert('Mr.Lee'.substring(2)); //输出：.xixi
1.字面量写法：
var box='Mr.xixi'; //基本类型 box.name='xixi'; //给基本类型加属性 box.age=function () { //给基本类型加方法 return 100; }; alert(box); //输出：Mr.xixi alert(typeof box); //输出：string alert(box.substring(2)); //输出：.xixi alert(box.name); //undefined，打印不出来 alert(box.age()); //输出：出错 //基本类型是无法给自己创建属性和方法的 //但是，可以调用系统内置的属性和方法
2.new运算符写法：
var box=new String('Mr.xixi'); //引用类型，String的引用类型 box.name='xixi'; box.age = function (){ return 100; }; alert(box); //输出：Mr.xixi alert(typeof box); //输出：object alert(box.substring(2)); //输出：.xixi alert(box.name); //自定义属性有效输出：xixi alert(box.age()); //自定义方法有效输出：100
以上字面量声明和new运算符声明很好的展示了他们之间的区别。但有一定还是可以肯定的，那就是不管字面量形式还是new运算符形式，都可以使用它的内置方法。并且Boolean和Number特性与String相同，三种类型可以成为基本包装类型。
注意：在使用new运算符创建以上三种类型的对象时，可以给自己添加属性和方法，但我们建议不要这样使用，因为这样会导致根本分不清到底是基本类型值还是引用类型值。
二．Boolean类型
Boolean类型没有特定的属性或者方法。
三．Number类型
Number类型有一些静态属性(直接通过Number调用的属性，而无须new运算符)和方法。
Number静态属性：
属性 描述
MAX_VALUE 表示最大数
MIN_VALUE 表示最小值
NaN 非数值
NEGATIVE_INFINITY 负无穷大，溢出返回该值
POSITIVE_INFINITY 无穷大，溢出返回该值
prototype 原型，用于增加新属性和方法
var box =100; alert(box.MAX_VALUE); //这种写法叫做属性输出：undefined alert(Number.MAX_VALUE); //这种写法(类型.属性)，叫做静态属性输出：100
Number对象的方法：
方法 描述
toString() 将数值转化为字符串，并且可以转换进制
toLocaleString() 根据本地数字格式转换为字符串
toFixed() 将数字保留小数点后指定位数并转化为字符串
toExponential() 将数字以指数形式表示，保留小数点后指定位数并转化为字符串
toPrecision() 指数形式或点形式表述数，保留小数点后面指定位数并转化为字符串
var box=1000.784; alert(typeof box.toString()); //toString()把数值转换字符串输出：string alert(box.toLocaleString()); //本地化输出：1,000 alert(box.toFixed(2)); //小数点保留两位，并转换字符串，四舍五入输出：1000.78 alert(box.toExponential()); //以指数形式，并转换字符串输出：1.000784e+3 alert(box.toPrecision(5)); //根据传参来决定指数或者点数输出：1000.8
四．String类型
String类型包含了三个属性和大量的可用内置方法
String对象属性：
属性1：length返回字符串的字符长度
var box='Mr.xixi'; alert(box.length); //属性:7
属性2：constructor返回创建String对象的函数
var box='Mr.xixi'; alert(box.constructor); //返回这个对象的函数function String(){ // [native code] // }
属性3：prototype通过添加属性和方法扩展字符串定义
String也包含对象的通用方法，比如valueOf()、toLocaleString()和toString()方法，但这些方法都返回字符串的基本值。
可用内置方法：
1.字符方法
charAt(n)返回指定索引位置的字符
charCodeAt(n)以Unicode编码形式返回指定索引位置的字符
var box ='Mr.xixi'; alert(box.charAt(1)); //r alert(box.charCodeAt(4)); //i，返回的是acssii码:105
2.字符串操作方法：
concat(str1...str2)将字符串参数串联到调用该方法的字符串
var box ='Mr.xixi'; alert(box.concat(' is',' Teacher','!')); //参数字符串连接:Mr.xixi is Teacher!
slice(n,m)返回字符串n到m之间位置的字符串
var box ='Mr.xixi'; alert(box.slice(4,6)); //ix
var box ='Mr.xixi'; alert(box.slice(-2)); //7+(-2)=5, 第5位开始，xi
var box ='Mr.xixi'; alert(box.slice(2,-1)); //7+(-1)=6，(2,6)，.xix
var box ='Mr.xixi'; alert(box.slice(-2,-1)); //7+(-2)=5, 7+(-1)=6，(5,6)，x
substring(n,m)返回字符串n到m之间位置的字符串
var box ='Mr.xixi'; alert(box.substring(4,6)); //ix
var box ='Mr.xixi'; alert(box.substring(-2)); //负数返回全部字符串:Mr.xixi
var box ='Mr.xixi'; alert(box.substring(2,-1)); //参数如果是负，直接0，(2,0); 如果第二个参数比第一个小，那么第二个参数提前，(0,2):Mr
substr(n,m)返回字符串n开始的m个字符串
var box ='Mr.xixi'; alert(box.substr(4,6)); //从第四个开始，选6个:ixi
var box ='Mr.xixi'; alert(box.substr(-2)); //7+(-2)=5, 第5位开始，xi
var box ='Mr.xixi'; alert(box.substr(2, -1)); //第二参数为负，直接0，(2,0)，空
注意：IE的JavaScript实现在处理向substr()方法传递负值的情况下存在问题，它会返回原始字符串，使用时要切记。
3.字符串位置方法：
indexOf(str, n)从n开始搜索的第一个str，并将搜索的索引值返回
var box='Mr.xixi is xi a xi a xi'; alert(box.indexOf('x')); //返回从初始位置搜索x第一次出现的位置，3
var box = 'Mr.xixi is xi a xi a xi'; alert(box.indexOf('x',5)); //从第5个位置开始搜索x第一次出现的位置，5
如果没有找到想要的字符串，则返回-1。
var box = 'Mr.xixi is xi a xi a xi'; alert(box.indexOf(',')); //找不到，返回-1
lastIndexOf(str,n)从n开始搜索的最后一个str，并将搜索的索引值返回
var box = 'Mr.xixi is xi a xi a xi'; alert(box.lastIndexOf('x')); //返回从末尾位置搜索x第一次出现的位置，21
var box = 'Mr.xixi is xi a xi a xi'; alert(box.lastIndexOf('x',5)); //从第5个位置开始向前搜索x第一次出现的位置，5
示例：找出全部的x
var box = 'Mr.xixi is xi a xi a xi'; var boxarr = []; var pos = box.indexOf('x'); while (pos > -1) { boxarr.push(pos); pos = box.indexOf('x',pos+1); } alert(boxarr); //打印结果：3,5,11,16,21
4.大小写转换方法：
toLowerCase(str)将字符串全部转换为小写
var box ='Mr.xixi'; alert(box.toLowerCase()); //小写:mr.xixi
toUpperCase(str)将字符串全部转换为大写
var box ='Mr.xixi'; alert(box.toUpperCase()); //大写:MR.XIXI
toLocaleLowerCase(str)将字符串全部转换为小写，并且本地化
var box ='Mr.xixi'; alert(box.toLocaleLowerCase()); //小写:mr.xixi
toLocaleupperCase(str)将字符串全部转换为大写，并且本地化
var box ='Mr.xixi'; alert(box.toLocaleUpperCase()); //大写:MR.XIXI
注意：只有几种语言（如土耳其语）具有地方特有的大小写本地性，一般来说，是否本地化效果都是一致的。
5.字符串的模式匹配方法：
match(pattern)返回pattern中的子串或null
var box ='Mr.xixi'; alert(box.match('x')); //找到x即返回x alert(box.match(',')); //没找到null
replace(pattern, replacement)用replacement替换pattern
var box ='Mr.xixi'; alert(box.replace('x','w')); //替换:Mr.wixi
search(pattern)返回字符串中pattern开始位置
var box ='Mr.xixi'; alert(box.search('x')); //找到x的位置:3
split(pattern)返回字符串按指定pattern拆分的数组
var box ='Mr. xixi'; alert(box.split(' ')); //分割成数组:Mr.,xixi
6.其他方法:
fromCharCode(ascii)静态方法，输出Ascii码对应值
alert(String.fromCharCode(76)); //放一个ascii码
localeCompare(str1,str2)比较两个字符串，并返回相应的值
localeCompare(str1,str2)方法详解：比较两个字符串并返回以下值中的一个；
(1)如果字符串在字母表中应该排在字符串参数之前，则返回一个负数。(多数-1)
(2)如果字符串等于字符串参数，则返回 0。
(3)如果字符串在自附表中应该排在字符串参数之后，则返回一个正数。(多数 1)
var box='xii'; alert(box.localeCompare('xii')); //0
var box='xii'; alert(box.localeCompare('Aii')); //1
var box='xii'; alert(box.localeCompare('Zii')); //-1
浙公网安备 33010602011771号