为了便于操作基本类型值,ECMAScript提供了3个特殊的引用类型:Boolean、Number和String。
这些每当读取一个基本类型的时候,后台就会创建一个对应的基本包装类型的对象,从而让我们调用一些方法来操作这些数据。
引用类型与基本包装类型的主要区别就是对象的生存期。使用new操作符创建的引用类型的实例,在执行流离开当前作用域之前一直保存在内存中。而自动创建的基本包装类型的对象,则只存在于一行代码的执行瞬间,然后立即被销毁。如下:
var s1 = "some text";
s1.color = "red";
alert(s1.color); //undefined
所有基本包装类型的对象在转换为布尔类型时值都属true。
5.6.1 Boolean类型
Boolean类型是与布尔值对应的引用类型。创建Boolean对象,如下:
var booleanObject = new Boolean(true);
Boolean类型的实例重写了valueOf()方法,返回基本类型值true或false;重写了toString()方法,返回字符串true或false。最常见的问题就是在布尔值表达式中使用对象:
var falseObject = new Boolean(true);
var result = falseObject && true;
alert(result); //true 布尔表达式中的所有对象都会被转换成true
var falseValue = false;
result = falseValue && true;
alert(result); //false
基本类型与引用类型的布尔值有两个区别:
typeof操作符对基本类型返回"boolean";对引用类型返回"object";
instanceof操作符对基本类型返回false,对引用类型返回true。
var falseObject = new Boolean(true);
var falseValue = false;
alert(typeof falseObject); //object
alert(typeof falseValue); //boolean
alert(falseObject instanceof Boolean); //true
alert(falseValue instanceof Boolean); //false
//from page 120
建议永远不要用Boolean对象。
5.6.2 Number类型
Number是与数字值对应的引用类型。创建Number对象,如下:
var numberObject = new Number(10);
Number类型重写了valueOf()方法返回对象表示的基本类型的数值;重写了toLocaleString()和toString()方法都返回字符串形式的数值。
Number类型提供的其他方法:toFixed()、toExponential()、toPrecision()
A:toFixed():传入一个参数,表示返回的小数位的位数,方法会按照制定的小数位返回数值的字符串表示,如果小数位比指定的多,则会舍入,如下:
var num = 10;
alert(num.toFixed(2)); //10.00
var num1 = 10.005;
alert(num1.toFixed(2)); //10.01
//from page 121
B:toFixed():返回以指数表示法(e表示法)表示的数值的字符串形式。也接收一个参数,也指定输出结果中的小数位数,如下:
var num = 10;
alert(num.toExponential(1)); //1.0e+1
C:toPrecision():表示某个数值的最合适的格式。接收一个参数,表示数值的所有数字的位数,如下:
var num = 99;
alert(num.toPrecision(1)); //1e+2
alert(num.toPrecision(2)); //99
alert(num.toPrecision(3)); //99.0
和Boolean类型一样,在使用typeof和instanceof操作符测试基本类型与引用类型的数值时,得到的结果完全不同,如下:
var numberObject = new Number(10);
var numberValue = 10;
alert(typeof numberObject); //object
alert(typeof numberValue); //number
alert(numberObject instanceof Number); //true
alert(numberValue instanceof Number); //false
建议永远不要用Number对象。
5.6.3 String类型
String类型是字符串的对象包装类型,创建方式:
var stringObject = new String("hello world");
继承的valueOf()、toLocaleString()和toString()方法,都返回对象所表示的基本字符串值。
String类型的每个实例都有length属性:
var stringObject = new String("hello world");
alert(stringObject.length); //11
1.字符方法
① charAt():接受一个参数,即基于0的字符位置,以单字符串的形式返回给定位置的那个字符。
② charCodeAt():接受一个参数,即基于0的字符位置,返回给定位置字符的字符编码;
③ stringValue():可以用方括号加数字索引来访问字符串中的特定字符。
var stringValue = "hello world";
alert(stringValue.charAt(1)); //e
alert(stringValue.charCodeAt(1)); //101
alert(stringValue[1]); //e
2.字符串操作方法
① concat():用于将一个或多个字符串拼接起来,返回新字符串;
var stringValue = "hello ";
var result = stringValue.concat("world");
var result1 = stringValue.concat("world","!");
alert(result); //hello world
alert(result1); //hello world!
alert(stringValue); //hello
下面三种方法都返回被操作字符串的一个子字符串。都接收一个或两个参数,如果没有第二个参数,则将字符串的末尾作为结束位置。
② slice():(起始位置,结束位置),不包含结束位置
③ substr():(起始位置,返回字符串的个数)
④ substring():(起始位置,结束位置),不包含结束位置
var stringValue = "hello world";
alert(stringValue.slice(3)); //lo world
alert(stringValue.substring(3)); //lo world
alert(stringValue.substr(3)); //lo world
alert(stringValue.slice(3,7)); //lo w
alert(stringValue.substring(3,7)); //lo w
alert(stringValue.substr(3,7)); //lo worl
//from page 124
当传递的参数是负数时:
slice()会将传入的负数和字符串长度相加;substr()将负的第一个参数加上字符串长度,第二个参数转换为0;substring()所有负数都转换成0。
var stringValue = "hello world";
alert(stringValue.slice(-3)); //rld
alert(stringValue.substring(-3)); //hello world
alert(stringValue.substr(-3)); //rld
alert(stringValue.slice(3,-4)); //lo w
alert(stringValue.substring(3,-4)); //hel
alert(stringValue.substr(3,-4)); //空
3.字符串位置方法
两个方法:indexOf()和lastIndexOf();两个方法都是从一个字符串中搜索给定的子字符串,返回字符串的位置,没有找到返回-1。
两个方法区别在于:indexOf()从字符串开头查找;lastIndexOf()从末尾开始查找。
var stringValue = "hello world";
alert(stringValue.indexOf("o")); //4 "hello"中的o
alert(stringValue.lastIndexOf("o")); //7 "world"中的o
//from page 125
可以传入第二个参数:(查找的字符,开始位置)
var stringValue = "hello world";
alert(stringValue.indexOf("o", 6)); //7 "world"中的o
alert(stringValue.lastIndexOf("o", 6)); //4 "hello"中的o
//from page 125
下面例子,查找一段话中的做有某个字符:
var stringValue = "Want to see Aska Yang's concert";
var positions = new Array();
var pos = stringValue.indexOf("n");
while( pos > -1 ){
positions.push(pos);
pos = stringValue.indexOf("n", pos+1);
}
alert(positions); //2,19,26
//from page 125
4.trim()方法
这个方法会创建一个字符串的副本,删除前置及后缀的左右空格,然后返回结果:
var stringValue = " hello world ";
var trimmedStringValue = stringValue.trim();
alert(stringValue); //" hello world "
alert(trimmedStringValue); //"hello world"
//from page 126
5.字符串大小写转换方法
四个方法:
① toLowerCase():转小写
② toUpperCase():转大写
③ toLocaleLowerCase():转小写,针对特定区域实现
④ toLocaleUpperCase():转大写,针对特定区域实现
var stringValue = "Hello World";
alert(stringValue.toLowerCase()); //hello world
alert(stringValue.toUpperCase()); //HELLO WORLD
alert(stringValue.toLocaleLowerCase()); //hello world
alert(stringValue.toLocaleUpperCase()); //HELLO WORLD
//from page 126
6.字符串的模式匹配方法
① match() 方法:接收一个参数,要么是正则表达式,要么是RegExp()。本质与RegExp的exec()方法相同。
var text = "cat,bat,sat,fat";
var pattern = /.at/;
//与pattern.exec(text)相同
var matches = text.match(pattern);
alert(matches.index); //0
alert(matches[0]); //cat
alert(pattern.lastIndex); //0
② search()方法:接收一个参数,由字符串或RegExp对象指定的一个正则表达式,返回字符串中第一个匹配项的索引。
var text = "cat,bat,sat,fat";
var pos = text.search(/at/);
alert(pos); //1 即"at"在字符串中第一次出现的位置
③ replace()方法:两个参数,(RegExp对象或者字符串,字符串或函数)。
如果第一个参数是字符串,则只会替换第一个子字符串;想替换全部必须提供一个正则表达式,且必须指定全局(g)标志。
var text = "cat,bat,sat,fat";
var result = text.replace("at", "ond");
alert(result); // cond,bat,sat,fat
result = text.replace(/at/g, "ond");
alert(result); // cond,bond,sond,fond
如果第二个参数是字符串,那么还可以使用一些特殊的字符序列,将正则表达式操作得到的值插入到结果字符串中。
字符序列 | 替换文本 |
---|---|
$$ | $ |
$& | 匹配整个模式的子字符串。与RegExp.lastMatch的值相同。 |
$' | 匹配的子字符串之前的子字符串。与RegExp.leftMatch的值相同。 |
$` | 匹配的子字符串之后的子字符串。与RegExp.rightMatch的值相同。 |
$n | 匹配第n个捕获组的子字符串,其中n等于0~9。 |
$nn | 匹配第nn个捕获组的子字符串,其中n等于01~99。 |
var text = "cat, bat, sat, fat";
var result = text.replace(/(.at)/g, "word ($1)");
alert(result); // word (cat), word (bat), word (sat), word (fat)
如果第二个参数是一个函数:
只有一个匹配项:传递三个参数(模式的匹配项,模式匹配项在字符串中的位置,原始字符串);
正则表达式定了多个捕获组的情况下:(模式的匹配项,第一个捕获组的匹配项,第二个捕获组的匹配项...,模式匹配项在字符串中的位置,原始字符串)
function htmlEscape(text){
return text.replace(/[<>"&]/g, function (match, pos, originalText){
switch(match){
case "<":
return "<";
case ">":
return ">";
case "&":
return "&";
case "\"":
return """;
}
});
}
alert(htmlEscape("<p class=\"greeting\">Aska Yang!</p>"));
//<p class="greeting">Aska Yang!</p>
//from page 128
④ split() :基于指定的分隔符将一个字符分割成多个子字符串,并将结果放在一个数组中。分隔符可以使字符串,也可以是RegExp对象,可以传第二个参数,用于指定数组的大小。
var colorText = "red,blue,green,yellow";
var color1 = colorText.split(",");
var color2 = colorText.split(",",2);
var color3 = colorText.split(/[^\,]+/);
alert(color1); //["red","blue","green","yellow"]
alert(color2); //["red","blue"]
alert(color3); //["", ",", ",", ",", ""]
//from page 128
split() 方法中正则表达式的支持因浏览器而异,要多在各种浏览器下多做些测试。
7.localeCompare()方法
比较两个字符串,并返回下列值中的一个:
① 如果字符串在字母表中应该排在字符串参数之前,则返回负数(多数情况时-1)
② 如果字符串在字母表中应该排在字符串参数之后,则返回正数(多数情况时1)
③ 如果字符串等于字符串参数
var stringValue = "yellow";
alert(stringValue.localeCompare("brick"));
alert(stringValue.localeCompare("yellow"));
alert(stringValue.localeCompare("zoo"));
//from page 129
由于部分情况可能返回的不是-1,是其他负数,所以实现时最好使用result>0或result>0来执行不同的代码。
8.fromCharCode()方法
接收一个或多个字符编码,返回对应的字符串。本质上是与charCodeAt()执行相反的操作。
alert(String.fromCharCode(104,101,108,108,111)); //hello
9.HTML方法
早期为了实现使用JavaScript动态格式化HTML的需求:
方法 | 输出结果 |
---|---|
anchor() | <a name="name">string</a> |
big() | <big>string</big> |
bold() | <b>string</b> |
....很多 |
不建议使用这些方法,因为他们创建的标记通常无法表达语义。