初识JS

Roy 2018-10-12 01:4628 阅读

  初入前端,大家都一致追捧一本书,这本被大家称之为红宝书的书,名字叫做《JavaScript高级程序设计》。我的印象中俞敏洪也曾写过一本叫做红宝书的书,以前考研的时候政治也有一本红宝书。既然都被称为红宝书了,那我就从这入门吧,前端大牛多,我这个大龄初生牛犊就来好好跟大家记录一下这本书的笔记,向着大牛的方向追赶下去,希望在不远的几年,也能成长为论坛里别的新手眼中的“大牛”吧。

  好了,废话到此为止。

  这本书,前两章是可以不记的,用作浏览。让我们从第三章——语法部分开始。

 

  # 数据类型

    用 typeof 操作符查看数据类型。

  • "undefined"   这个值未定义
  • "boolean"      这个值是布尔值
  • "string"          字符串
  • "number"       数值
  • "object"          对象  或者   null
  • "function"       函数

 

  # 数值转换

  3个函数可以有此功能

  • Number()        可以用于 任何数据类型
  • parseInt()        专门用于把字符串转换为数值
  • parseFloat()    专门用于把字符串转换为数值

一个个的说。

 

  • Number()

先说 Number(),它的转换规则如下

  1. 如果是 Boolean 值,true 和 false 将分别被转换为 1 和 0.
  2. 如果是数字值,那就只是简单的传入和返回
  3. 如果是 null ,返回 0
  4. 如果是 undefined ,返回 NaN
  5. 如果是字符串,要遵循下面的规则
    • 如果字符串中只是包含数字(包括前面带正号或负号的情况),则将其转换为十进制数值,即 “1” 会变成 1, “123” 会变成 123, 而 “011” 会变成 11(前面的 0 会被忽略)
    • 如果字符串中含有有效的浮点格式,如 “1.1” ,则将其转化为对应的浮点数值
    • 如果字符串中包含有效的十六进制格式,例如 “0xf” ,则将其转化为相同大小的十进制整数值
    • 如果字符串是空的(不包含任何字符),则将其转化为0
    • 如果字符串包含除上述格式之外的字符串,则将其转化为 NaN

 

  给个例子

var num1 = Number("Hello world!");  //NaN
var num2 = Number("");              //0
var num3 = Number("000011");        //11
var num4 = Number(true);            //1

 

  • parseInt ()

由于呢,Number()函数在转换字符串时比较复杂,而且不够合理,因此,在处理整数的时候,更常用的是 parseInt () 函数。

parseInt () 在转换字符串时,更多的是看它是否符合数值模式。它会忽略字符串前面的空格,直到找到第一个非空格字符。

如果第一个字符不是数字字符或者符号, parseInt () 就会返回 NaN。如果第一个字符是数字字符,parseInt () 就会继续解析第二个字符,直到解析完所有的后续字符,或者遇到了一个非数字字符。

例如,“1234blue” 会被转换成 1234 , 因为 “blue” 会被忽略。类似的, “22.5” 会被转换成 22, 因为小数点不是有效的数字字符。

几个 parseInt ()例子

        var num1 = parseInt("1234blue");    //1234
        var num2 = parseInt("");            //NaN
        var num3 = parseInt("0xA");         //10   八进制
        var num4 = parseInt(22.5);          //22
        var num5 = parseInt("70");          //70   十进制
        var num6 = parseInt("0xf");         //15   十六进制

 

  • parseFloat ()

和 上面的 parseInt () 类似。

 

        var num1 = parseFloat("1234blue");    //1234 - integer
        var num2 = parseFloat("0xA");         //0
        var num3 = parseFloat("22.5");        //22.5
        var num4 = parseFloat("22.34.5");     //22.34
        var num5 = parseFloat("0908.5");      //908.5
        var num6 = parseFloat("3.125e7");     //31250000

 

 

  • toString ()

转换为字符串

要把一个值转换为一个字符串,有两个办法。

1. 使用几乎每个值都有的 toString () 方法,该方法要做的是返回相应值的字符串表现。

        var age = 11;
        var ageAsString = age.toString();    //the string "11"
        var found = true;
        var foundAsString = found.toString(); //the string "true"

 

数值、布尔值、对象、字符串值,都有 toString() 方法。但 null 和 undefined 值没有这个方法。

多数情况下,调用 toString() 方法不必传播参数。但是,在调用数值的 toString() 方法时,可以传递 “输出数值的基数” 为参数。

  例如

1         var num = 10;
2         alert(num.toString());       //"10"
3         alert(num.toString(2));      //"1010"
4         alert(num.toString(8));      //"12"
5         alert(num.toString(10));     //"10"
6         alert(num.toString(16));     //"a"

 

通过制定的基数,可以改变 toString() 输出的值

 

  • String ()

能够将任何类型的值转换为字符串。包括 null 或 undefined

规则如下

    • 如果值有 toString() 方法,则调用该方法(没有参数)并返回相应的结果
    • 如果值是 null ,就返回 “null”
    • 如果值是 undefined ,就返回 “undefined”
1         var value1 = 10;
2         var value2 = true;
3         var value3 = null;
4         var value4;
5         
6         alert(String(value1));     //"10"
7         alert(String(value2));     //"true"
8         alert(String(value3));     //"null"
9         alert(String(value4));     //"undefined"

 

 

PS: 要把某个值转换为字符串,可以使用加号操作符,把它与一个字符串(“ ”)加在一起。

 

回复数量: 0
暂无评论~~
  请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!