JavaScript 基本包装类型

ECMAScript3提供了3个特殊的引用类型:Boolean、Number和String，方便操作基本类型。

实际上，每当读取一个基本类型值得时候，后台就会创建一个对应的基本包装对象，从而让我们能够调用一些方法来操作数据。

var s1 = "some text";
var s2 = s1.substring(2);
  1. 创建String类型的一个实例
  2. 在实例上调用方法
  3. 销毁这个实例

引用类型与基本包装类型的主要区别就是对象的生存期。使用new操作符创建的引用类型的实例，在执行流离开当前作用域之前都一直保持在内存中。而自动创建的基本包装类型的对象，则只存在于一行代码的瞬间，然后立刻销毁。

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

Object构造函数也会像工厂方法一样，根据传入值的类型返回相应基本包装类型的实例。

var obj = new Object("some text");
alert(obj instanceof String); //true

要注意的是，使用new调用基本包装类型的构造函数，与直接调用同名的转型函数是不一样的。

var value = "25";
var number = Number(value); //转型函数
alert(typeof number); //number
var obj = new Number(value); //构造函数
alert(typeof obj); //"object"

Boolean 类型

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

Boolean类型的实例有一个常见的问题：

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

var falseValue = false;
result = falseValue && true;
alert(result); //false

基本类型与 引用类型的布尔值还有两个区别。

alert(typeof falseObject); //object
alert(typeof falseValue); //boolean
alert(falseObject instanceof Boolean); //true
alert(falseValue instanceof Boolean); //false

建议永远不要使用Boolean对象。

Number 类型

Number类型也重写了valueOf()、toLocaleString()和toString()方法。
valueOf()方法返回对象表示的基本类型的数值，另外两个方法则返回字符串形式的数值。
可以为toString()方法传递一个表示基数的参数，告诉它返回什么进制的字符串。

var num = 10;
alert(num.toString());
alert(num.toString(2));
alert(num.toString(8));
alert(num.toString(10));
alert(num.toString(16));

toFixed()方法会按照指定的小数位返回数值的字符串表示。

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

如果数值本身比包含的小数位还多，那么接近指定的最大小数位的值就会舍入。

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

IE8及以前的版本不能正确舍入{(-0.94,-0.5),(0.5,0.94)}之间的值，它会返回0而不是-1或者1。其他的浏览器都能正确的舍入。IE9修复了这个问题。

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

实际上，toPrecision()会根据要处理的数值决定到底调用toFixed()还是调用toExponential()。

String

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

String对象的方法也可以在所有基本的字符串中访问到。其中，继承valueOf()、toLocaleString()和toString()，都返回对象所表示的基本字符串值。

String类型的每个实例都有一个length属性，表示字符串包括多个字符。

var stringValue = "hello world";
alert(stringValue.lengthh); //"11"

即使字符串中包含双字节字符（不是占一个字节的ASCII字符），每个字符也仍然算一个字符

字符方法

charAt()和charCodeAt()，这两个方法都接收一个参数，即基于0的字符位置。
charAt()方法以单字符字符串的形式返回给定位置的那个字符。

var stringValue = "hello world";
alert(stringValue.charAt(1)); //"e"

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

ECMAScript5还定义了另一个访问个别字符的方法。

var stringValue = "hello world";
alert(stringValue[1]); //"e"

字符串操作方法

concat()，用于将一或多个字符串拼接起来，返回拼接得到的新字符串。

var stringValue = "hello ";
var result = stringValue.concat("world");
alert(result); //"hello world"
alert(stringValue); //"hello"

实际上，concat()方法可以接收任意多个参数，拼接任意多个字符串。

var stringValue = "hello ";
var result = stringValue.concat("world", "!");
alert(result); //"hello world!"
alert(stringValue); //"hello"

实践中使用的更多的还是加号操作符（+）。

EAMCScript还提供了三个基于子字符串创建新字符串的方法：slice()、substr()和substring()。这三个方法都会返回被操作字符串的一个子字符串，而且也都接收一个或两个参数。第一个参数指定子字符串的开始位置，第二个参数（在指定的情况下）表示子字符串到哪里结束。
slice()和substring()的第二个参数指定的是子字符串最后一个字符后面的位置。而substr()的第二个参数指定的则是返回的字符个数。
如果没有给这些方法传递第二个参数，则将字符串的长度作为结束位置。

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"

在传递给这些方法的参数是负值的情况下，它们的行为就不尽相同了。

字符串位置方法

有两个可以从字符串中查找子字符串的方法：indexOf()和lastIndexOf()。这两个方法都是从一个字符串中搜索给定的子字符串，然后返回字符串的位置（如果没有找到该字符串，则返回-1）。
两个方法的区别在于：indexOf()方法从字符串的开头向后搜索字符串，而lastIndexOf()方法是从字符串的末尾向前搜索字符串。

var stringValue = "hello wordl";
alert(stringValue.indexOf("o")); //4
alert(stringValue.lastIndexOf("o")); //7

这两个方法都可以接收第二个参数，表示从字符串中的哪个位置开始搜索。

var stringValue = "hello world";
alert(stringValue.indexOf("o", 6)); //7
alert(stringValue.lastIndexOf("o", 4)); //4

可以通过循环调用indexOf()或lastIndexOf()来找到所有匹配的字符串。

var stringValue = "Lorem ipsum dolor sit amet, consectetur adipisicing elit";
var positions = new Array();
var pos = stringValue.indexOf("e");

while(pos > -1) {
    positions.push(pos);
    pos = stringValue.indexOf("e", pos + 1);
}

alert(positions); //"3,24,32,35,52"

trim() 方法

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

trim()返回的是字符串的副本，所以原始的字符串的前缀及后缀空格会保持不变。

字符串大小写转换方法

toLowerCase()、toLocaleLowerCase()、toUpperCase()和toLocaleUpperCase()。
toLocaleLowerCase()和toLocaleUpperCase()方法是针对特定地区的实现。

一般来说，不知道自己的代码将在哪种语言环境中运行的情况下，还是使用针对地区的方法更稳妥一些。

字符串的模式匹配方法

match()，在字符串上调用这个方法，本质上与调用RegExp的exec()方法相同。match()方法只接收一个参数，要么是一个正则表达式，要么是一个RegExp对象。

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(patten.lastIndex); //0

search()

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

  • JavaScript 基本包装类型
    为了便于操作基本类型值， ECMAScript 提供了 3 个特殊的引用类型： Boolean、Number和St...
    BertFu阅读 2,338评论 0赞 0
  • javascript基本包装类型介绍
    1.背景介绍 引用类型的值（对象）是一个引用类型的一个实例。在ECMAScript中，引用类型是一种数据结构，用于...
    我叫于搞吧阅读 3,635评论 0赞 0
  • 第5章 引用类型
    第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 8,893评论 0赞 4
  • 错觉
    空旷的体育场外，“流浪汉”在玩手机，而咫尺的省体育场内，尖叫声此起彼伏，浑厚低沉的打击乐散发出的声浪震地身旁的墙壁...
    不靠谱到没有之一的男人阅读 1,337评论 0赞 0
  • 数学江湖的爱恨情仇
    2017年3月10日 星期五 阴雨 又是一个周末，今天我们来聊一下，如何减少数学给我们带来的痛苦。 爱...
    小数点123阅读 4,183评论 2赞 1

友情链接更多精彩内容