javascript 基本包装类型总结

2016-05-16 11:18:00

读《javasrcipt 高级程序设计》笔记。
ECMAScript提供了3种特殊的引用类型：Boolean,Number,String。实际上，每当读取一个基本类型值时，后台就会创建一个对应的基本包装类型的对象。

Boolean类型

重写了valueOf()方法，返回基本类型值true或false;
重写了toString()方法，返回字符串"true"或"false"
【布尔表达式中的所有对象都会被转换为true】
请看栗子

var falseObject = new Boolean(false);
var result = falseObject && true;//true

var falseValue = false;
result = falseValue && true;//false

console.log(typeof falseObject); //object
console.log(typeof falseValue); //boolean
console.log(falseObject instanceof Boolean);//true
console.log(falseValue instanceOf Boolean);//false
falseObject虽然值为false，但这是一个对象，所以被转换为true。所以第一个result 为true。
基本类型与引用类型的布尔值的区别：

typeof对于基本类型返回boolean，对于引用类型返回Object
instanceOf测试Boolean对象返回true，测试基本类型返回false
【作者建议永远不要用Boolean对象，容易造成误解】

Number类型

重写了valueOf()方法，返回对象表示的基本类型的数值
重写了toLocaleString()，toString()方法。返回字符串形式的数值。

toString()方法，可以传递一个表示基数的参数，则返回的值为该进制数值的字符串形式
var num = 10;
num.toString(); //"10"
num.toString(2); //"1010"二进制表示
num.toString(10); // "10" 十进制表示
toFixed()方法，按照指定的小数位返回数值的字符串表示，能够自动舍入
var num = 10;
num.toFixed(2); // "10.00"
var num1 = 10.005;
num1.toFixed(2); // "10.01"
toExponential() 返回以指数表示的数值的字符串形式，参数为结果中的小数位数
var num = 10;
num.toExponential(1); // "1.0e+1"
toPrecision() 可能返回固定大小格式，可能返回指数格式。参数表示数值的所有数字的位数【不包括指数部分】。会自动舍入选择最准确的形式。可以表现1到21位小数。
var num = 99;
num.toPrecision(1); // "1e+2"
num.toPrecision(2); // "99"
num.toPrecision(3); // "99.0"
【仍不建议直接实例化Number对象。原因与显示创建Boolean对象一样】

String类型

重写了valueOf()、toLocaleString()、toString()，都返回对象表示的基本字符串值。

length属性表示字符串中包含的字符
charAt() 以单字符字符串形式返回给定位置的字符。
charCodeAt() 以单字符字符串形式返回给定位置的字符编码。
var stringValue = "hello world";
stringValue.charAt(1); //"e"
stringValue.charCodeAt(1); // "101"
//IE8及其他主流浏览器支持方括号方式访问。
stringValue[1];// "e"
concat() 将一个或多个字符串拼接起来。
var stringValue = "hello ";
var result = stringValue.concat("world");//"hello world"
console.log(stringValue);//"hello "
//可接受任意多个参数【更普遍做法是：使用+加号操作符】
var result1 = stringValue.concat("world","!");//"hello world!"
slice() slice(start,end)，截取start到end的字符串，不包括end。
substr() substr(start,n),截取从start开始的n个字符
substring() substring(start,end),截取从start到end的字符串，不包括end。
//都返回一个基本类型的字符串值，对原始字符串没有任何影响
//若没有制定第二个参数，默认将字符串长度作为结束位置
var stringValue = "hello world";
stringValue.slice(3); //"lo world"
stringValue.substring(3); //"lo world"
stringValue.substr(3); //"lo world"

stringValue.slice(3,7); //"lo w"
stringValue.substring(3,7); //"lo w"
stringValue.substr(3,7); //"lo worl"

//负数情况
//slice会将传入的负值与字符串长度相加
//substring会将所有负数转换为0
//substr会将负数的第一个参数加上字符串长度，负的第二个参数转换为0
stringValue.slice(-3);//"rld"
stringValue.substring(-3);//"hello world"
stringValue.substr(-3);//"rld"

stringValue.slice(3,-4);//"lo w"
stringValue.substring(3,-4);//"hel"
stringValue.substr(3,-4);//""空字符串

indexOf() 从字符串开头向后搜索，返回子字符串的位置。没有则返回-1
lastIndexOf() 从字符串末尾向后搜索，返回子字符串的位置。没有则返回-1
//indexOf和lastIndexOf都接受第二个参数，表示从字符串中的哪个位置开始搜索
//indexOf则是从参数指定位置向后搜索
//lastIndexOf则是从参数指定位置向前搜索
var stringValue = "hello world";
stringValue.indexOf("o"); // 4
stringValue.indexOf("o",6);// 7
trim() 创建字符串的副本，删除前置及后缀的所有空格
toLowerCase() 转换为小写
toLocaleLowerCase() 。转换为针对地区的小写方式
toUpperCase() 。转换为大写
toLocaleUpperCase() 。转换为针对地区的大写方式
match() 本质上与调用RegExp的exec()方法相同，只接受一个参数，要么是正则表达式，要么是RegExp对象。
var text = "cat, bat, sat, fat";
var pattern = /.at/;

var matches = text.match(pattern);
console.log(matches.index); // 0
console.log(matches[0]); // "cat"
console.log(pattern.lastIndex);//0
console.log(matches); // ["cat", index: 0, input: "cat, bat, sat, fat"]

search() 参数要么是正则表达式，要么是RegExp对象。返回字符串中第一个匹配项的索引。没有找到返回-1.【从字符串开头向后查找】
var text = "cat, bat, sat, fat";
var pos = text.search(/at); //1
replace() 。替换子字符串。接受两个参数，第一个可以是RegExp对象或一个字符串，第二个字符串可以是一个字符串或一个函数。
var text = "cat, bat, sat, fat";
var result = text.replace("at","ond");//"cond, bat, sat, fat"
//若需要替换所有字符串，则需要提供一个正则表达式，并制定全局标志g
result = text.replace(/at/g,"ond");//"cond,bond,sond,fond"

//只有在一个匹配项的情况下，会向这个函数传递3个参数：模式匹配项、模式匹配项在字符串中的位置和原始字符串。
function htmlEscape(text){

return text.replace(/["&]/g, function(match, pos, originalText){
switch(match){
case "":
return ">";
case "&":
return "&";
case "\"":
return """;
}
});
}

htmlEscape("Hello
");
//"Hello
"

split() 。基于制定分隔符将一个字符串分割成多个字符串
//接受可选的第二个参数，用于指定数组大小
var colorText = "red,blue,green,yellow";
var color1 = colorText.split(",");//["red", "blue", "green", "yellow"]
var color2 = colorText.split(",",2);//["red", "blue"]
var color3 = colorText.split(/1+/);//["", ",", ",", ",", ""]
//正则表达式感觉一脸懵逼，看来明天要研究一下了。
localCompare() 比较两个字符串。
字符串在字母表中排在参数之前，返回负数【一般是-1】
字符串相等，返回0
在参数之后，返回正数【一般是1】
var stringValue = "yellow";
stringValue.localeCompare("brisk"); //1
stringValue.localeCompare("yellow"); //0
stringValue.localeCompare("zoo"); //-1
, ↩