基本包装类型

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

引用类型与基本包装类型的主要区别就是对象的生存期。使用 new 操作符创建的引用类型的实例， 在执行流离开当前作用域之前都一直保存在内存中。而自动创建的基本包装类型的对象，则只存在于一 行代码的执行瞬间，然后立即被销毁。这意味着我们不能在运行时为基本类型值添加属性和方法。

var s1 = "some text";
s1.color = "red"; 
alert(s1.color); // undefined

可以显式地调用 Boolean、Number 和 String 来创建基本包装类型的对象，Object 构造函数也会像工厂方法一样，根据传入值的类型返回相应基本包装类型的实例。

var obj1 = new Object("some text");
var obj2 = new String("some text");
var obj3 = "some text"
alert(obj1 instanceof String);   // true
alert(obj2 instanceof String);   // true
alert(obj3 instanceof String);   // "some text" is not a constructor

Boolean类型

var booleanObject = new Boolean(true);

Boolean 类型的实例重写了 valueOf() 方法，返回基本类型值 true 或 false；重写了 toString() 方法，返回字符串 "true" 和 "false"。

var falseObject = new Boolean(false); 
var result = falseObject && true; 
alert(result); // true, falseObject 可视作对象 Boolean(falseObject) 为true
var falseValue = false; 
result = falseValue && true; 
alert(result); // false
alert(typeoffalseObject); // object 
alert(typeof falseValue); // boolean 
alert(falseObject instanceof Boolean); // true
alert(falseObject instanceof Object); // true 
alert(falseValue instanceof Boolean); // false

理解基本类型的布尔值与 Boolean 对象之间的区别非常重要——当然，我们的建议是永远不要使 用 Boolean 对象。

Number类型

var numberObject = new Number(10);

Number 类型也重写了valueOf()、toLocaleString() 和 toString() 方法。重写后的 valueOf() 方法返回对象表示的基本类型的数值，另外两个方法则返回字符串形式的数值。

数值格式化为字符串

  • toFixed() : 会按照指定的小数位返回数值的字符串表示，接收一个参数，指定输出结果中的小数位数；

    var num = 10;
alert(num.toFixed(2)); // "10.00"
var num = 10.005
alert(num.toFixed(2)); // "10.01"

  • toExponential(): 返回以指数表示法(也称 e 表示法)表示的数值的字符串形式。接收一个参数，指定输出结果中的小数位数；

    var num = 10;
alert(num.toExponential(1)); // "1.0e+1"

  • toPrecision(): 可能会返回固定大小(fixed)格式，也可能返回指数(exponential)格式;具体规则是看哪种格式最合适。接收一个参数，即表示数值的所有数字的位数(不包括指数部分)。

    var num = 99;
alert(num.toPrecision(1)); // "1e+2"
alert(num.toPrecision(2)); // "99"     
alert(num.toPrecision(3)); // "99.0"

Number 对象也以后台方式为数值提供了重要的功能。但仍然不建议直接实例化 Number 类型。

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

String类型

var stringObject = new String("hello world");

String 对象的方法也可以在所有基本的字符串值中访问到。其中，继承的 valueOf()、toLocaleString() 和 toString() 方法，都返回对象所表示的基本字符串值。 String 类型的每个实例都有一个 length 属性，表示字符串中包含多个字符。

var stringValue = "hello world";
alert(stringValue.length);  // "11" 字符串中包含双字节字符(不是占一个字节的 ASCII 字符)，每个字符也仍然算一个字符

字符方法

  • charAt()

    var stringValue = "hello world";
alert(stringValue.charAt(1)); // "e" 也可以 stringValue[1] IE8+

  • charCodeAt()

    var stringValue = "hello world";
alert(stringValue.charCodeAt(1)); // 输出"101" 'e'的字符编码

    字符串操作方法

  • concat()

    var stringValue = "hello ";
var result = stringValue.concat("world"); 
alert(result); //"hello world" 
alert(stringValue); //"hello"
var result1 = stringValue.concat("world", "!"); // 可接收多个参数
alert(result1); //"hello world!"

  • slice()

    var stringValue = "hello world";
alert(stringValue.slice(3));  // "lo world"
alert(stringValue.slice(-3)); // "rld"
alert(stringValue.slice(3, 7)) // "lo w" 第二个参数表示子字符串到哪里结束
'hello world'.slice(3, 12) // "lo world"
'hello world'.slice(3, 0) // ''
'hello world'.slice(3, -2) // "lo wor"
'hello world'.slice(22) // ""
'hello world'.slice(-22) // "hello world"
alert(stringValue); // "hello world"

  • substr()

    var stringValue = "hello world";
alert(stringValue.substr(3));  // "lo world"
alert(stringValue.substr(-3)); // "rld"
alert(stringValue.substr(3, 7)) // "lo worl" 第二个参数返回的字符个数
alert(stringValue.substr(3, -4)); // "" 会将第二个参数转0
alert(stringValue); // "hello world"

  • substring()

    var stringValue = "hello world";
alert(stringValue.substring(3)); // "lo world"
alert(stringValue.substring(-3)); // "hello world"
alert(stringValue.substring(3,7)); // "lo w" 第二个参数表示子字符串到哪里结束，与slice的区别：会把所有负值参数都转换为 0
alert(stringValue.substring(3, -4)); // "hel" 会将较小的数作为开始位置，将较大的数作为结束位置， 因此最终相当于调用了 substring(0,3)
alert(stringValue); // "hello world"

字符串位置方法

  • indexOf()

    var stringValue = "hello world";
alert(stringValue.indexOf("o")); //4
alert(stringValue.indexOf("m")); // -1
alert(stringValue.indexOf("o", 6)); // 7 第二个参数，会从指定的位置向后搜索

  • lastIndexOf()

    var stringValue = "hello world";
alert(stringValue.lastIndexOf("o")); // 7
alert(stringValue.lastIndexOf("m")); // -1
alert(stringValue.lastIndexOf("o", 6)); //4 第二个参数，会从指定的位置向前搜索

trim() 方法

会创建一个字符串的副本，删除前置及 后缀的所有空格，然后返回结果。

var stringValue = " hello world ";
var trimmedStringValue = stringValue.trim(); 
alert(stringValue); //" hello  world " 
alert(trimmedStringValue); //"hello world"

支持这个 方法的浏览器有 IE9+、Firefox 3.5+、Safari 5+、Opera 10.5+和 Chrome。此外，Firefox 3.5+、Safari 5+ 和 Chrome 8+还支持非标准的 trimLeft() 和 trimRight() 方法，分别用于删除字符串开头和末尾的空格。

字符串大小写转换方法

toLowerCase()、toLocaleLowerCase()、toUpperCase() 和 toLocaleUpperCase()。 toLocaleLowerCase() 和 toLocaleUpperCase() 方法是针对特定地区的实现。对有些地区来说，针对地区的方法与其通用方法得到的结果相同，但少数语言(如土耳其语)会为 Unicode 大小写转换应用特殊的规则，这时候就必须使用针对地区的方法来保证实现正确的转换。

var stringValue = "hello world";
alert(stringValue.toLocaleUpperCase()); //"HELLO WORLD"  
alert(stringValue.toUpperCase()); //"HELLO WORLD"    
alert(stringValue.toLocaleLowerCase()); //"hello world"  
alert(stringValue.toLowerCase()); //"hello world"

字符串的模式匹配方法

  • match()

    var text = "cat, bat, sat, fat"; 
var pattern = /.at/;
//与 pattern.exec(text)相同
// match只接受一个参数，正则表达式或 RegExp 对象
var matches = text.match(pattern); // ["cat", index: 0, input: "cat, bat, sat, fat", groups: undefined]
alert(matches.index); //0    
alert(matches[0]); //"cat" 
alert(pattern.lastIndex); //0

  • search()

    var text = "cat, bat, sat, fat";
var pos = text.search(/at/); // 只接受一个参数，正则表达式或 RegExp 对象
alert(pos); //1

  • replace()

    var text = "cat, bat, sat, fat";
// 两个参数：
// 1) RegExp对象或者一个字符串 
// 2)一个字符串或者一个函数。
var result = text.replace("at", "ond"); // 如果第一个参数是字符串，那么只会替换第一个子字符串。
alert(result); //"cond, bat, sat, fat"
result = text.replace(/at/g, "ond"); // 要想替 换所有子字符串，唯一的办法就是提供一个正则表达式，而且要指定全局(g)标志
alert(result); //"cond, bond, sond, fond"

    如果第二个参数是字符串，那么还可以使用一些特殊的字符序列，将正则表达式操作得到的值插入 到结果字符串中。下表列出了 ECMAScript 提供的这些特殊的字符序列。

    通过这些特殊的字符序列，可以使用最近一次匹配结果中的内容:

    var text = "cat, bat, sat, fat";
result = text.replace(/(.at)/g, "word ($1)");
alert(result); //word (cat), word (bat), word (sat), word (fat)

    replace() 方法的第二个参数也可以是一个函数。在只有一个匹配项(即与模式匹配的字符串)的 情况下，会向这个函数传递 3 个参数:模式的匹配项、模式匹配项在字符串中的位置和原始字符串。

    function htmlEscape(text){
return text.replace(/[<>"&]/g, function(match, pos, originalText){
switch(match){ case "<":
return case ">":
return case "&":
return case "\"": return
"&lt;"; "&gt;"; "&amp;"; "&quot;";
}
}
}  
alert(htmlEscape("<p class=\"greeting\">Hello world!</p>")); 
//&lt;p class=&quot;greeting&quot;&gt;Hello world!&lt;/p&gt;

  • split()

    基于指定的分隔符将一个字符串分割成多个子字符串，并将结果放在一个数组中。分隔符可以是字符串，也可以是一个 RegExp 对象。第二个参数，用于指定数组的大小。

    var colorText = "red,blue,green,yellow"; 
var colors1 = colorText.split(","); //["red", "blue", "green", "yellow"]
var colors2 = colorText.split(",", 2); //["red", "blue"]
// 对 split()中正则表达式的支持因浏览器而异。
var colors3 = colorText.split(/[^\,]+/); //["", ",", ",", ",", ""]

localeCompare()方法

操作字符串有关的最后一个方法，比较两个字符串，并返回下列值中的一个:

  • 如果字符串在字母表中应该排在字符串参数之前，则返回一个负数(大多数情况下是-1，具体的值要视实现而定);

  • 如果字符串等于字符串参数，则返回 0;

  • 如果字符串在字母表中应该排在字符串参数之后，则返回一个正数(大多数情况下是 1，具体的值同样要视实现而定)。

    var stringValue = "yellow"; 
alert(stringValue.localeCompare("brick")); //1 
alert(stringValue.localeCompare("yellow")); //0 
alert(stringValue.localeCompare("zoo")); //-1
stringValue.localeCompare("Yellow") // -1 所以是区分大小写的
// localeCompare()返回的数值取决于实现，所以最好是像下面例子所示
function determineOrder(value) {
var result = stringValue.localeCompare(value); 
if (result < 0){
  alert("The string 'yellow' comes before the string '" + value + "'."); 
} else if (result > 0) {
  alert("The string 'yellow' comes after the string '" + value + "'."); 
} else {
  alert("The string 'yellow' is equal to the string '" + value + "'.");
} 
}
determineOrder("brick"); 
determineOrder("yellow"); 
determineOrder("zoo");

fromCharCode()方法

String 构造函数本身的一个静态方法，接收一或多个字符编码，然后将它们转换成一个字符串。从本质上来看，这个方法与实例方法 charCodeAt() 执行的是相反的操作。

alert(String.fromCharCode(104, 101, 108, 108, 111));  // "hello"
PreviousRegExpNext单体内置对象

Last updated