教育改变生活

标题: JavaScript数据类型 [打印本页]

作者: 却尘    时间: 2024-11-5 12:14
标题: JavaScript数据类型
数据类型
计算机顾名思义就是可以做数学计算的机器,因此,计算机程序理所当然地可以处理各种数值。但是,计算机能处理的远不止数值,还可以处理文本、图形、音频、视频、网页等各种各样的数据,不同的数据,需要定义不同的数据类型。在JavaScript中定义了以下几种数据类型:
Number
JavaScript不区分整数和浮点数,统一用Number表示,以下都是合法的Number类型:

123; // 整数1230.456; // 浮点数0.4561.2345e3; // 科学计数法表示1.2345x1000,等同于1234.5-99; // 负数NaN; // NaN表示Not a Number,当无法计算结果时用NaN表示Infinity; // Infinity表示无限大,当数值超过了JavaScript的Number所能表示的最大值时,就表示为Infinity
计算机由于使用二进制,所以,有时候用十六进制表示整数比较方便,十六进制用0x前缀和0-9,a-f表示,例如:0xff00,0xa5b4c3d2,等等,它们和十进制表示的数值完全一样。
Number可以直接做四则运算,规则和数学一致:

1 + 2; // 3(1 + 2) * 5 / 2; // 7.52 / 0; // Infinity0 / 0; // NaN10 % 3; // 110.5 % 3; // 1.5
注意%是求余运算。

要注意,JavaScript的Number不区分整数和浮点数,也就是说,12.00=== 12。(在大多数其他语言中,整数和浮点数不能直接比较)并且,JavaScript的整数最大范围不是±263,而是±253,因此,超过253的整数就可能无法精确表示:
// 计算圆面积:
var r = 123.456;
var s = 3.14 * r * r;
console.log(s); //47857.94555904001
// 打印Number能表示的最大整数:
console.log(Number.MAX_SAFE_INTEGER);// 9007199254740991
字符串
字符串是以单引号'或双引号"括起来的任意文本,比如'abc',"xyz"等等。请注意,''或""本身只是一种表示方式,不是字符串的一部分,因此,字符串'abc'只有a,b,c这3个字符。
布尔值
布尔值和布尔代数的表示完全一致,一个布尔值只有true、false两种值,要么是true,要么是false,可以直接用true、false表示布尔值,也可以通过布尔运算计算出来:

true; // 这是一个true值false; // 这是一个false值2 > 1; // 这是一个true值2 >= 3; // 这是一个false值
&&运算是与运算,只有所有都为true,&&运算结果才是true:

true && true; // 这个&&语句计算结果为truetrue && false; // 这个&&语句计算结果为falsefalse && true && false; // 这个&&语句计算结果为false
||运算是或运算,只要其中有一个为true,||运算结果就是true:

false || false; // 这个||语句计算结果为falsetrue || false; // 这个||语句计算结果为truefalse || true || false; // 这个||语句计算结果为true
!运算是非运算,它是一个单目运算符,把true变成false,false变成true:

! true; // 结果为false! false; // 结果为true! (2 > 5); // 结果为true
布尔值经常用在条件判断中,比如:

var age = 15;if (age >= 18) {    alert('adult');} else {    alert('teenager');}
比较运算符
当我们对Number做比较时,可以通过比较运算符得到一个布尔值:

2 > 5; // false5 >= 2; // true7 == 7; // true
实际上,JavaScript允许对任意数据类型做比较:

false == 0; // truefalse === 0; // false
要特别注意相等运算符==。JavaScript在设计时,有两种比较运算符:
第一种是==比较,它会自动转换数据类型再比较,很多时候,会得到非常诡异的结果;
第二种是===比较,它不会自动转换数据类型,如果数据类型不一致,返回false,如果一致,再比较。
由于JavaScript这个设计缺陷,不要使用==比较,始终坚持使用===比较。
另一个例外是NaN这个特殊的Number与所有其他值都不相等,包括它自己:

NaN === NaN; // false
唯一能判断NaN的方法是通过isNaN()函数:

isNaN(NaN); // true
最后要注意浮点数的相等比较:

1 / 3 === (1 - 2 / 3); // false
这不是JavaScript的设计缺陷。浮点数在运算过程中会产生误差,因为计算机无法精确表示无限循环小数。要比较两个浮点数是否相等,只能计算它们之差的绝对值,看是否小于某个阈值:

Math.abs(1 / 3 - (1 - 2 / 3)) < 0.0000001; // true
BigInt
要精确表示比253还大的整数,可以使用内置的BigInt类型,它的表示方法是在整数后加一个n,例如9223372036854775808n,也可以使用BigInt()把Number和字符串转换成BigInt:
// 使用BigInt:
var bi1 =9223372036854775807n;
var bi2 = BigInt(12345);
var bi3 =BigInt("0x7fffffffffffffff");
console.log(bi1 === bi2);// false
console.log(bi1 === bi3);// true
console.log(bi1 + bi2);

使用BigInt可以正常进行加减乘除等运算,结果仍然是一个BigInt,但不能把一个BigInt和一个Number放在一起运算:
// 使用BigInt:
console.log(1234567n +3456789n); // OK
console.log(1234567n /789n); // 1564, 除法运算结果仍然是BigInt
console.log(1234567n %789n); // 571, 求余
console.log(1234567n +3456789); // Uncaught TypeError: Cannot mix BigInt and other types

nullundefined
null表示一个“空”的值,它和0以及空字符串''不同,0是一个数值,''表示长度为0的字符串,而null表示“空”。
在其他语言中,也有类似JavaScript的null的表示,例如Java也用null,Swift用nil,Python用None表示。但是,在JavaScript中,还有一个和null类似的undefined,它表示“未定义”。
JavaScript的设计者希望用null表示一个空的值,而undefined表示值未定义。事实证明,这并没有什么卵用,区分两者的意义不大。大多数情况下,我们都应该用null。undefined仅仅在判断函数参数是否传递的情况下有用。
数组
数组是一组按顺序排列的集合,集合的每个值称为元素。JavaScript的数组可以包括任意数据类型。例如:

[1, 2, 3.14, 'Hello', null, true];
上述数组包含6个元素。数组用[]表示,元素之间用,分隔。
另一种创建数组的方法是通过Array()函数实现:

new Array(1, 2, 3); // 创建了数组[1, 2, 3]
然而,出于代码的可读性考虑,强烈建议直接使用[]。
数组的元素可以通过索引来访问。请注意,索引的起始值为0:
var arr = [1, 2, 3.14,'Hello', null, true];
arr[0]; // 返回索引为0的元素,即1
arr[5]; // 返回索引为5的元素,即true
arr[6]; // 索引超出了范围,返回undefined

对象
JavaScript的对象是一组由键-值组成的无序集合,例如:

var person = {    name: 'Bob',    age: 20,    tags: ['js', 'web', 'mobile'],    city: 'Beijing',    hasCar: true,    zipcode: null};
JavaScript对象的键都是字符串类型,值可以是任意数据类型。上述person对象一共定义了6个键值对,其中每个键又称为对象的属性,例如,person的name属性为'Bob',zipcode属性为null。
要获取一个对象的属性,我们用对象变量.属性名的方式:

person.name; // 'Bob'person.zipcode; // null






欢迎光临 教育改变生活 (http://bbs.goldoar.com/) Powered by Discuz! X3.2