JavaScript学习笔记（四）——JavaScript五大基本数据类型

JavaScript五大基本类型

1、Undefined类型

Undefined 类型只有一个值，即特殊的 undefined。

在使用 var 声明变量但未对其没有赋值时，这个变量的值就是 undefined，例如：

var message;
alert(message == undefined); //true

这个例子只声明了变量 message，但未对其进行赋值。比较这个变量与 undefined 字面量，结果表明它们是相等的。

这个例子与下面的例子是等价的：

var message = undefined;
alert(message == undefined); //true

上面这个例子使用 undefined 值显式初始化了变量 message。但我们没有必要这么做，因为未经初始化的值默认就会取得 undefined 值。

一般而言，不存在需要显式地把一个变量设置为 undefined 值的情况。字面值undefined 的主要目的是用于比较，而 ECMA-262 第 3 版之前的版本中并没有规定这个值。第 3 版引入这个值是为了正式区分空对象指针与未经初始化的变量。

不过，包含 undefined 值的变量与尚未定义的变量还是不一样的。看看下面这个例子：

var message; //这个变量声明后默认取得了undefined值
​
alert(message);//undefined
​
alert(age);   //产生错误，因为没有声明

对于尚未声明过的变量，只能执行一项操作，即使用 typeof 操作符检测其数据类型（补充：对未经声明的变量调用 delete 不会导致错误，但这样做没什么实际意义，而在严格模式下会导致错误）。

console.log(typeof age);     //undefined

取变量(不管是取空间还是空间里的值) ,先看这个空间有没有,再看有没有值：声明了一个空间，但是没有值的空间，再取值就会取到undefined；取一个不存在的空间的数据时，程序则报错。

2、 Null类型

null类型是第二个只有一个值的数据类型，这个特殊的值是 null。

实际上，ECMA-262 规定对它们的相等性测试要返回 true：

alert(null == undefined); //true，仅做判断不做字符串连接时

这里，位于 null 和 undefined 之间的相等操作符（==）总是返回 true，不过要注意的是，这个操作符出于比较的目的会转换其操作数。

尽管 null 和 undefined 有这样的关系，但它们的用途完全不同。如前所述，无论在什么情况下都没有必要把一个变量的值显式地设置为 undefined，可是同样的规则对 null 却不适用。换句话说，只要意在保存对象的变量还没有真正保存对象，就应该明确地让该变量保存 null 值。这样做不仅可以体现 null 作为空对象指针的惯例，而且也有助于进一步区分 null 和 undefined。

 

注--null和undefined区别

区别：

•null

– 用来描述空值;
​
– typeof null：返回的是字符串object；
​
– 通常来讲我们把null看成他自有类型的唯一成员；

•undefined

– undefined表明只声明了变量没有赋值；
​
– 如果函数没有返回值，则返回undefined；
​
– typeof undefined：返回的是字符串undefined；
​
– ==认为NULL和undefined是相等的；===则返回false；

3、 Boolean类型

Boolean 类型是 ECMAScript 中使用得最多的一种类型，该类型只有两个字面值： true 和 false。以下是为变量赋Boolean 类型值的例子：

var found = true;
​
var lost = false;

需要注意的是，Boolean 类型的字面值 true 和 false 是区分大小写的。也就是说，True 和 False（以及其他的混合大小写形式）都不是 Boolean 值，只是标识符。

虽然 Boolean 类型的字面值只有两个，但 ECMAScript 中所有类型的值都有与这两个 Boolean 值等价的值。要将一个值转换为其对应的 Boolean 值，可以调用转型函数 Boolean()，如下例所示：

var message = "Hello world!";
var messageAsBoolean = Boolean(message);

在这个例子中，字符串 message 被转换成了一个 Boolean 值， 该值被保存在 messageAsBoolean变量中。可以对任何数据类型的值调用 Boolean()函数，而且总会返回一个 Boolean 值。至于返回的这个值是 true 还是 false，取决于要转换值的数据类型及其实际值。下表给出了各种数据类型及其对应的转换规则。

数据类型 转换为true的值 转换为false的值
Boolean true false
String 任何非空字符串 ""（空字符串）
Number 任何非零数字值（包括无穷大） ±0和NaN（参见后面章节有关NaN的内容）
Object 任何对象  
null   null
Undefined   undefined

这些转换规则对理解流控制语句（如 if 语句）自动执行相应的 Boolean 转换非常重要，请看下面的代码：

var message = "Hello world!";
​
if (message){
    alert("Value is true");
}

运行这个示例，字符串 message 被自动转换成了对应的 Boolean 值（true）,故会显示一个警告框。由于存在这种自动执行的 Boolean 转换，因此确切地知道在流控制语句中使用的是什么变量至关重要。错误地使用一个对象而不是一个 Boolean 值，就有可能彻底改变应用程序的流程。

4、 Number类型

这种类型用来表示整数和浮点数值

1. 整数数值

最基本的数值字面量格式是十进制整数，十进制整数可以像下面这样直接在代码中输入：

var intNum = 55; // 整数
​

除了以十进制表示外，整数还可以通过八进制（以 8 为基数）或十六进制（以 16 为基数）的字面值来表示。

  • 八进制字面值的第一位必须是零（0） ，然后是八进制数字序列（0～7） 。如果字面值中的数值超出了范围，那么前导零将被忽略，后面的数值将被当作十进制数值解析。请看下面的例子：

var octalNum1 = 070; // 八进制的 56
var octalNum2 = 079; // 无效的八进制数值——解析为 79
var octalNum3 = 08; // 无效的八进制数值——解析为 8

八进制字面量在严格模式下是无效的，会导致支持的 JavaScript 引擎抛出错误。

  • 十六进制字面值的前两位必须是 0x，后跟任何十六进制数字（0～9 及 A～F）。其中，字母 A～F可以大写，也可以小写。如下面的例子所示（严格模式下也可以使用）：

var hexNum2 = 0x1f; // 十六进制的 31

在进行算术计算时，所有以八进制和十六进制表示的数值最终都将被转换成十进制数值。

2. 浮点数值

所谓浮点数值，就是该数值中必须包含一个小数点，并且小数点后面必须至少有一位数字。虽然小数点前面可以没有整数，但我们不推荐这种写法。以下是浮点数值的几个例子：

var floatNum1 = 1.1;
var floatNum2 = 0.1;
var floatNum3 = .1; // 有效，但不推荐

由于保存浮点数值需要的内存空间是保存整数值的两倍，因此 ECMAScript 会不失时机地将浮点数值转换为整数值。显然，如果小数点后面没有跟任何数字，那么这个数值就可以作为整数值来保存。同样地，如果浮点数值本身表示的就是一个整数（如 1.0） ，那么该值也会被转换为整数，如下面的例子所示：

var floatNum1 = 1.; // 小数点后面没有数字——解析为 1
var floatNum2 = 10.0; // 整数——解析为 10

对于那些极大或极小的数值，可以用 e 表示法（即科学计数法）表示的浮点数值表示。用 e 表示法表示的数值等于 e 前面的数值乘以 10 的指数次幂。 ECMAScript 中 e 表示法的格式也是如此，即前面是一个数值（可以是整数也可以是浮点数），中间是一个大写或小写的字母 E，后面是 10 的幂中的指数，该幂值将用来与前面的数相乘。下面是一个使用 e 表示法表示数值的例子：

var floatNum = 3.125e7; // 等于 31250000

也可以使用 e 表示法表示极小的数值，如 0.00000000000000003，这个数值可以使用更简洁的 3e-17表示。

在默认情况下， ECMASctipt 会将那些小数点后面带有 6 个零以上的浮点数值转换为以 e 表示法表示的数值（例如， 0.0000003 会被转换成 3e-7）。

var a = 0.1;
var b = 0.2;
if (a + b == 0.3){  
 alert("You got 0.3.");
}
//console.log(a+b);//这个误差告诉我们，无法测试特定的浮点数值，不要做这样的测试！

解决方法：

//1、转化成整数进行计算
var a = 0.1;
var b = 0.2;
if (（a*10 + b*10）/10 == 0.3){ 
 alert("You got 0.3.");
}
​
//2、设定保留的小数位，实际开发过程中保留2~3位小数位足够了
(0.1 + 0.2).toFixed(3)
​
//3、转化成整数Math.floor(a)、Math.ceil(a)；
//Math：ceil、floor、round、max、min、random、PI
var a = 0.1456*100；
console.log(a);
​
//4、频繁需要精确计算，利用第1种方法的思想自定义运算函数

  • 整数能表示的最大精确整数是Math.pow(2,53），即9007199254740992这个16位的整数。

9007199254740992 + 1 // 丢失精度
9007199254740992 + 2 // 未丢失精度
9007199254740992 + 3 // 丢失精度
9007199254740992 + 4 // 未丢失精度
//大整数比较
console.log(9999 9999 9999 9999 == 1 0000 0000 0000 0001)
//true
​

解决办法：

a. 存储比较-->例如，转化为字符串进行存储；

b. 计算情形-->对于整数，前端出现问题的几率比较低，毕竟很少有业务需要需要用到超大整数，只要运算结果不超过 Math.pow(2, 53) 就不会丢失精度。

3. 数值范围

由于内存的限制， ECMAScript 并不能保存世界上所有的数值。 ECMAScript 能够表示的最小数值（绝对值）保存在 Number.MIN_VALUE 中——在大多数浏览器中，这个值是 5e-324；能够表示的最大数值（绝对值）保存在Number.MAX_VALUE 中——在大多数浏览器中，这个值是 1.7976931348623157e+308。

如果某次计算的结果得到了一个超出 JavaScript 数值范围的值，那么这个数值将被自动转换成特殊的 Infinity 值。具体来说，如果这个数值是负数，则会被转换成-Infinity（负无穷），如果这个数值是正数，则会被转换成 Infinity（正无穷）。

如上所述，如果某次计算返回了正或负的 Infinity 值，那么该值将无法继续参与下一次的计算，因为 Infinity 不是能够参与计算的数值。要想确定一个数值是不是有穷的（换句话说，是不是位于最小和最大的数值之间），可以使用 isFinite()函数。这个函数在参数位于最小与最大数值之间时会返回 true，如下面的例子所示：

var result = Number.MAX_VALUE + Number.MAX_VALUE;
alert(isFinite(result)); //false
alert(isFinite(1/0));//false,1/0值为Infinity

4.NaN

NaN，即非数值（Not a Number）是一个特殊的数值，这个数值用于表示一个本来要返回数值的操作数未返回数值的情况（这样就不会抛出错误了）。例如，在其他编程语言中，任何数值除以 0 都会导致错误，从而停止代码执行。但在 ECMAScript 中，任何数值除以 0 会返回 NaN，因此不会影响其他代码的执行。

①实际上只有 0 除以 0 才会返回 NaN，正数除以 0 返回 Infinity，负数除以 0 返回-Infinity。

console.log(typeof 1/0)                  //NaN,typeof操作符的优先级高于除法
console.log(typeof typeof 5/0)           //NaN
console.log(typeof(7/0))                //number
console.log(typeof(typeof 9/0))         //number
console.log(typeof typeof(typeof 4/0))  //string

NaN 本身有两个非同寻常的特点。

首先，任何涉及 NaN 的操作（例如 NaN/10）都会返回 NaN，这个特点在多步计算中有可能导致问题。

其次， NaN 与任何值都不相等，包括 NaN 本身。

例如，下面的代码会返回 false：

alert(NaN == NaN); //false

针对 NaN 的这两个特点， ECMAScript 定义了 isNaN()函数。

这个函数接受一个参数，该参数可以是任何类型，而函数会帮我们确定这个参数是否“不是数值”。

isNaN()在接收到一个值之后，会尝试将这个值转换为数值。某些不是数值的值会直接转换为数值，例如字符串"10"或 Boolean 值。

而任何不能被转换为数值的值都会导致这个函数返回 true。请看下面的例子：

alert( isNaN(NaN) );        //true
alert( isNaN(10) );         //false（ 10 是一个数值）
//alert(isNaN("10"));   //false（可以被转换成数值 10）
alert(isNaN("blue"));   //true（不能转换成数值）
//alert(isNaN("100abc"));   //true(不能转换成数值)
//alert(isNaN(true));   //false（可以被转换成数值 1）
​

PS：尽管有点儿不可思议，但 isNaN()确实也适用于对象。在基于对象调用 isNaN()函数时，会首先调用对象的 valueOf()方法，然后确定该方法返回的值是否可以转换为数值。如果不能，则基于这个返回值再调用 toString()方法，再测试返回值。

5. 转换成数字类型

+(加)、-(减)、*(乘)、/(除)，会把类型转换成数字。

另有 3 个函数可以把非数值转换为数值： Number()、 parseInt()和 parseFloat()。第一个函数，即转型函数 Number()可以用于任何数据类型，而另两个函数则专门用于把字符串转换成数值。这 3 个函数对于同样的输入会有返回不同的结果。

 

Number()函数的转换规则如下。

  • 如果是数字值，只是简单的传入和返回。

  • 如果是 Boolean 值， true 和 false 将分别被转换为 1 和 0。

  • 如果是 null 值，返回 0。

  • 如果是 undefined，返回 NaN。

  • 如果是字符串，遵循下列规则：

    • 如果字符串中只包含数字（包括前面带正号或负号的情况），则将其转换为十进制数值，即"1"会变成 1， "123"会变成 123，而"011"会变成 11（注意：前导的零被忽略了）；

    • 如果字符串中包含有效的浮点格式，如"1.1"，则将其转换为对应的浮点数值（同样，也会忽略前导零）；

    • 如果字符串中包含有效的十六进制格式，例如"0xf"，则将其转换为相同大小的十进制整数值；

    • 如果字符串是空的（不包含任何字符），则将其转换为 0；

    • 如果字符串中包含除上述格式之外的字符，则将其转换为 NaN。

  • 如果是对象，则调用对象的 valueOf()方法，然后依照前面的规则转换返回的值。如果转换的结果是 NaN，则调用对象的 toString()方法，然后再次依照前面的规则转换返回的字符串值。

根据这么多的规则使用 Number()把各种数据类型转换为数值确实有点复杂。下面还是给出几个具体的例子吧。

var num1 = Number("Hello world!"); //NaN
var num2 = Number(""); //0
var num3 = Number("000011"); //11
var num4 = Number("100abc"); //NaN
var num5 = Number(true); //1
var num6 = Number([]);  //0,Number(["100"])值为100
var num7 = Number([100,100])  //NaN

由于 Number()函数在转换字符串时比较复杂而且不够合理，因此在处理整数的时候更常用的是parseInt() 函数。 parseInt()函数在转换字符串时，更多的是看其是否符合数值模式。它会忽略字符串前面的空格，直至找到第一个非空格字符。如果第一个字符不是数字字符或者负号， parseInt()就会返回 NaN；也就是说，用 parseInt()转换空字符串会返回 NaN（Number()对空字符返回 0） 。如果第一个字符是数字字符， parseInt()会继续解析第二个字符，直到解析完所有后续字符或者遇到了一个非数字字符。例如， "1234blue"会被转换为 1234，因为"blue"会被完全忽略。类似地， "22.5"会被转换为 22，因为小数点并不是有效的数字字符。

如果字符串中的第一个字符是数字字符， parseInt() 也能够识别出各种整数格式（即前面讨论的十进制、八进制和十六进制数）。也就是说，如果字符串以"0x"开头且后跟数字字符，就会将其当作一个十六进制整数；如果字符串以"0"开头且后跟数字字符，则会将其当作一个八进制数来解析。

为了更好地理解 parseInt()函数的转换规则，下面给出一些例子：

var num1 = parseInt("1234blue"); 
var num2 = parseInt("");
var num3 = parseInt("0xA"); 
var num4 = parseInt(22.5); 
var num5 = parseInt("070"); 
var num6 = parseInt("70"); 
var num7 = parseInt("0xf"); 
​

在使用 parseInt()解析像八进制字面量的字符串时， ECMAScript 3 和 5 存在分歧。例如：

//ECMAScript 3 认为是 56（八进制）， ECMAScript 5 认为是 70（十进制）
var num = parseInt("070");

为了消除在使用 parseInt()函数时可能导致的上述困惑，可以为这个函数提供第二个参数：转换时使用的基数（即多少进制，可选值2/8/10/16）。如果知道要解析的值是十六进制格式的字符串，那么指定基数 16 作为第二个参数，可以保证得到正确的结果，例如：

var num = parseInt("0xAF", 16); //175
var num1=parseInt("123",16)//1*16^2+2*16+3
​

实际上，如果指定了 16 作为第二个参数，字符串可以不带前面的"0x"，如下所示：

var num1 = parseInt("AF", 16); //175
var num2 = parseInt("AF"); //NaN
​

不指定基数意味着让 parseInt()决定如何解析输入的字符串，因此为了避免错误的解析，我们建议无论在什么情况下都明确指定基数。第二个参数不传或为假值时，默认按10进制处理

 

看一个小题：

请问以下表达式的结果是什么？
parseInt(3,8);
parseInt(3,2);
parseInt(3,0);
​
A：3，3，3
B：3，3，NaN
C：3，NaN，NaN
D：3，NaN，3

与 parseInt()函数类似， parseFloat() 也是从第一个字符（位置 0）开始解析每个字符。而且也是一直解析到字符串末尾，或者解析到遇见一个无效的浮点数字字符为止（第二个小数点或其他字符）。也就是说，字符串中的第一个小数点是有效的，而第二个小数点就是无效的了，因此它后面的字符串将被忽略。举例来说，

"22.34.5"将会被转换为 22.34。

除了第一个小数点有效之外， parseFloat()与 parseInt()的第二个区别在于它始终都会忽略前导的零。

parseFloat()可以识别前面讨论过的所有浮点数值格式，也包括十进制整数格式。但十六进制格式的字符串则始终会被转换成 0。由于 parseFloat()只解析十进制值，因此它没有用第二个参数指定基数的用法。最后还要注意一点：如果字符串包含的是一个可解析为整数的数（没有小数点，或者小数点后都是零） ， parseFloat()会返回整数。以下是使用 parseFloat()转换数值的几个典型示例。

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

5、 String类型

字符串可以由双引号（"）或单引号（'）表示，因此下面两种字符串的写法都是有效的：

var firstName = "Nicholas";
var lastName = 'Zakas';

ECMAScript 中的这两种语法形式没有什么区别。用双引号表示的字符串和用单引号表示的字符串完全相同。不过，以双引号开头的字符串也必须以双引号结尾，而以单引号开头的字符串必须以单引号结尾。例如，下面这种字符串表示法会导致语法错误：

var firstName = 'Nicholas"; // 语法错误（左右引号必须匹配）
​

1. 字符字面量字符串

String 数据类型包含一些特殊的字符字面量，也叫转义序列，用于表示非打印字符，或者具有其他用途的字符。这些字符字面量如下表所示：

字 面 量 含 义
\n 换行
\t 制表
\b 空格
\r 回车
\f 进纸
\ \ 反斜杠
\ ' 单引号（'），在用单引号表示的字符串中使用。例如： 'He said, \ 'hey.\ ' '
\ " 双引号（"），在用双引号表示的字符串中使用。例如： "He said, \ "hey.\ ""
\xnn 以十六进制代码nn表示的一个字符（其中n为0～F）。例如， \x41表示"A"（ASCII码为65）
\unnnn 以十六进制代码nnnn表示的一个Unicode字符（其中n为0～F）。例如， \u03a3表示希腊字符Σ

这些字符字面量可以出现在字符串中的任意位置，而且也将被作为一个字符来解析，如下面的例子所示：

var text = "This is the letter sigma: \u03a3.";
​

这个例子中的变量 text 有 28 个字符，其中 6 个字符长的转义序列表示 1 个字符。任何字符串的长度都可以通过访问其 length 属性取得，例如：

alert(text.length); // 输出 28
​

这个属性返回的字符数包括 16 位字符的数目。如果字符串中包含双字节字符，那么 length 属性可能不会精确地返回字符串中的字符数目。

2. 字符串的特点

ECMAScript 中的字符串是不可变的，也就是说，字符串一旦创建，它们的值就不能改变。要改变某个变量保存的字符串，首先要销毁原来的字符串，然后再用另一个包含新值的字符串填充该变量，例如：

var lang = "Java";
lang = lang + "Script";
//加号:+，只要有一个是字符串，则全部作为字符串

 

3. 转换为字符串

要把一个值转换为一个字符串有两种方式。第一种是使用几乎每个值变量都有的 toString()方法。这个方法唯一要做的就是返回相应值的字符串表现。来看下面的例子：

var age = 11;
var ageAsString = age.toString(); // 字符串"11"
var found = true;
var foundAsString = found.toString(); // 字符串"true"

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

多数情况下，调用 toString()方法不必传递参数。但是，在调用数值的 toString()方法时，可以传递一个参数：输出数值的基数。默认情况下， toString()方法以十进制格式返回数值的字符串表示。而通过传递基数， toString()可以输出以二进制、八进制、十六进制，乃至其他任意有效进制格式表示的字符串值。下面给出几个例子：

alert(num.toString(8));
alert(num.toString(16));

在不知道要转换的值是不是 null 或 undefined 的情况下，还可以使用转型函数 String()，这个函数能够将任何类型的值转换为字符串。 String()函数遵循下列转换规则：

  • 如果值有 toString()方法，则调用该方法（没有参数）并返回相应的结果；

  • 如果值是 null，则返回"null"；

  • 如果值是 undefined，则返回"undefined"。

posted @ 2022-06-09 16:32  小狐狸ya  阅读(115)  评论(0)  编辑  收藏  举报