浅谈Javascript数据类型

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: '[e-mail]',
    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。