美文网首页
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()

    相关文章

      网友评论

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

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