美文网首页
JavaScript 基本包装类型

JavaScript 基本包装类型

作者: 给我一炷香的时间 | 来源:发表于2015-04-17 11:29 被阅读60次

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()

相关文章

  • 002 基本包装类型

    基本包装类型 JavaScript 中提供 3 个基本包装类型:Number,Boolean和String。这些包...

  • JavaScript — 基本包装类型

    三个特殊引用类型 Boolean、Number 和 String引用类型和基本包装类型的主要区别就是对象的生存期。...

  • JavaScript 基本包装类型

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

  • JavaScript基本包装类型

    基本包装类 js中为了便于基本类型操作,提供了3个特殊的引用类型:Boolean、Number、String它们具...

  • 面向对象之各类属性方法的使用day04

    JavaScript中的基本包装类型及函数的介绍 一.基本包装类型(三种) 1.Array.isArray()方法...

  • 第5章:引用类型

    导读: 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型和基本包装类型 引用类型、对象、...

  • JavaScript引用类型——基本包装类型

    基本包装类型 为了便于操作基本类型值,ECMAScript还提供了3个特殊的引用类型:Boolean,Number...

  • 【javascript】引用类型-基本包装类型

    为了便于操作基本类型值,ECMAScript 还提供了3 个特殊的引用类型:Boolean、Number和Stri...

  • 5 引用类型

    本章内容 使用对象 创建并操作数组 理解基本的 JavaScript 类型 使用基本类型和基本包装类型 引用类型的...

  • Js对象

    JavaScript中的五种基本数据类型详解JavaScript中基本数据类型和包装类型 说“JS中一切皆对象”也...

网友评论

      本文标题:JavaScript 基本包装类型

      本文链接:https://www.haomeiwen.com/subject/bwynxttx.html