avaScript原始数据类型包括有object
,null
,undefined
,boolean
,number
,string
。
symbol
从ES2015开始可用,bigint
从ES2020开始可用。其中object
是一个复杂的数据类型。
JavaScript是一种动态类型语言。这意味着变量不与类型相关联。换句话说,一个变量可以保存不同类型的值。
例如在下面的type.js
文件中,counter变量初始化的值是120,之后被赋值为布尔值false
,然后又被赋值为字符串foo
,
let counter = 120; // counter is a number
counter = false; // counter is now a boolean
counter = "foo"; // counter is now a string
如果你需要知道当前变量存储的值类型,可以使用javascript的typeof
运算符,获得变量的数据类型。
let counter = 120;
console.log(typeof(counter)); // "number"
counter = false;
console.log(typeof(counter)); // "boolean"
counter = "Hi";
console.log(typeof(counter)); // "string"
undefined 未定义
undefined
类型是只有一个原始类型的值undefined
。默认情况下,当一个变量被声明但未初始化时,它被赋值为undefined
。
在下面的示例中,我们在第一行声明一个变量counter
。由于counter
尚未初始化,因此为其分配的值是undefined
。counter
的类型也是undefined
。
值得注意的是,当您使用尚未声明的变量时,typeof
运算符也会返回undefined
。
let counter;
console.log(counter); // undefined
console.log(typeof counter); // undefined
null 空类型
null
类型是第二种原始数据类型,也只有一个值null
。
当你在浏览器的控制台运行代码typeof null
时,代码将会返回一个对象。这是一个在Javascript的bug。
虽然有人曾经提出过修复此错误,但被拒绝。原因是修复此Bug会破坏许多现有站点。
在JavaScript数据类型null
是等于undefined
的,因为在Javascript的null值是等于布尔值false
,undefined
也是如此。
let obj = null;
console.log(typeof obj); // object
console.log(null == undefined); // true
number 数值类型
JavaScript使用用number
类型来表示整数和浮点数。下面的语句声明一个变量并用一个整数初始化它的值。要表示浮点数,请包含一个小数点,后跟至少一个数字。
如果数字看起来是整数,例如代码let price = 200.00;
,JavaScript会自动将浮点数转换为整数。
原因是Javascript总是希望使用更少的内存,因为浮点值使用的内存是整数值的两倍。
如果要获取数值类型的范围,可以打开浏览器控制台运行代码Number.MIN_VALUE
获取最小值和运行代码Number.MAX_VALUE
获取最大值。
let num = 100;
let price= 12.5;
let discount = 0.05;
NaN 非数值类型
NaN
代表非数值。它是一个特殊的数值,表示一个无效的数字。当强制转换字符串为值时,它会返回NaN
。
NaN
有两个特点。第一特点是所有与NaN
的运算都会返回NaN
,例如代码console.log(NaN/2);
。
第二个特点是NaN
不等于任何值,包括它自己本省,例如代码console.log(NaN == NaN);
。
console.log('a'/2); // NaN;
console.log(NaN/2); // NaN
console.log(NaN == NaN); // false
string 字符串类型
在JavaScript,字符串是零个或多个字符的序列。字符串文字以单引号 '
或双引号 "
开始和结束。
以双引号开头的字符串必须以双引号结尾。同样,以单引号开头的字符串也必须以单引号结尾。
如果要在字符串中使用单引号或双引号,则需要使用反斜杠对其进行转义。例如代码let message = 'I\\'m also a valid string';
JavaScript字符串是不可变的。这意味着它一旦创建就无法修改。但是,您可以从现有字符串创建新字符串。
在string.js
例子中首先,声明str
变量并将其初始化为'JavaScript'
。其次,使用加号运算符组合'JavaScript'
与' String'
,使其值成功为'Javascript String'
。
在幕后,JavaScript引擎创建一个新字符串来保存'JavaScript String'
并销毁原始字符串'JavaScript'
和'String'
。
let str = 'JavaScript';
str = str + ' String';
boolean 布尔类型
布尔值类型有两个字面值,分别是true
和false
。下面的示例声明了两个保存布尔值的变量。
JavaScript允许将其他类型的值转换为布尔值的true
或false
。要将另一种数据类型的值转换为布尔值,请使用Boolean()
函数。
确切的说Boolean()
不是函数,它是一个对象,用于创建布尔值,Boolean
接受一个参数,并将指定的参数转换为布尔值。
let inProgress = true;
let completed = false;
console.log(typeof completed); // boolean
console.log(Boolean('Hi'));// true
console.log(Boolean('')); // false
console.log(Boolean(20)); // true
console.log(Boolean(Infinity)); // true
console.log(Boolean(0)); // false
console.log(Boolean({foo: 100})); // true on non-empty object
console.log(Boolean(null));// false
symbol 符号类型
JavaScript在ES6中添加了一个原始类型符号symbol
。与其他原始类型不同,symbol
符号类型没有文字形式。
要创建符号,请调用函数Symbol
,每次调用符号函数都会创建一个新的唯一值。
symbol值可以作为对象属性的标识符,通常使用它来创建对象的私有属性与方法数据类型仅有的目的。
let s1 = Symbol();
console.log(Symbol() == Symbol()); // false
bigint 类型
**BigInt
是一种内置对象,它提供了一种方法来表示大于2 ^53^ –1的整数。这原本是 Javascript中可以用Number
表示的最大数字。 BigInt
**可以表示任意大的整数。
它在某些方面类似于Number
,但是也有几个不同点,不能用于Math
对象中的方法。
不能和任何Number
实例混合运算,两者必须转换成同一种类型。在两种类型来回转换时要小心,因为BigInt
变量在转换成Number
变量时可能会丢失精度。
要创建bigint
数字可以在一个整数的后面加追加字母n
,例如10n
,或者调用函数 BigInt()
并传递一个整数值或着是字符串的数字。
如果传递的是字符串的数字, BigInt()
将会强制转换字符串类型为数值。
const theBiggestInt = 9007199254740991n;
const alsoHuge = BigInt(9007199254740991);
object 对象类型
在JavaScript,对象是属性的集合,每个属性都定义为键值对。对象的属性名称可以是任何字符串或者符号symbol的值。
如果属性名称不是有效标识符,您可以在属性名称周围使用引号。例如,如果对象的属性名称是full-name
,则必须将其放在引号中。
对象的属性不仅可以保存简单值,也可以保存复杂的数据类型对象。
let contact = {
firstName: 'web',
lastName: 'myfreax',
'full-name':'web@myfreax'
email: 'web@myfreax.com',
phone: '408555-9999',
address: {
building: '4000',
street: 'North 1st street',
city: 'San Jose',
state: 'CA',
country: 'USA'
}
}
要访问对象的属性,您可以使用点符号.
或者类似数组的符号[]
。当要访问属性嵌套的对象时,也可以继续使用点符号.
访问嵌套的属性。
如果你访问一个不存在的属性,你会得到一个未定义的值。
console.log(contact.firstName);
console.log(contact.lastName);
console.log(contact.age); // undefined
console.log(contact['phone']); // '(408)-555-9999'
console.log(contact['email']); // 'web@myfreax'
console.log(contact['address']['building']); // '4000'
console.log(contact.address.building); // '4000'
结论
JavaScript的基本类型是number
、string
、boolean
、null
、undefined
和symbol
以及bigint
和复杂类型对象object
。
-
javascript
+关注
关注
0文章
516浏览量
53851 -
数据类型
+关注
关注
0文章
236浏览量
13618 -
undefined
+关注
关注
0文章
11浏览量
2774
发布评论请先 登录
相关推荐
评论