Javascript 数据类型介绍
Javascript 数据类型介绍
介绍
在Javascript中，有七种数据类型。分为两类：基本数据类型和引用数据类型。基本数据类型包括：Undefined, Null, Boolean, Number, String和Symbol（ES6新增）。引用数据类型包括：Object。在本文中，我们将详细介绍这些数据类型，并举出30个例子来解释它们。
基本数据类型
Undefined
Undefined表示声明了一个变量但未对其进行初始化。例如：
let undefinedVariable;
console.log(undefinedVariable); // undefined
Null
Null表示一个空值。例如：
let nullVariable = null;
console.log(nullVariable); // null
Boolean
Boolean表示true或false的值。例如：
let booleanVariable = true;
console.log(booleanVariable); // true
Number
Number表示数字。例如：
let numberVariable = 123;
console.log(numberVariable); // 123
String
String表示文本字符串。例如：
let stringVariable = "Hello World!";
console.log(stringVariable); // Hello World!
Symbol
Symbol是ES6新增的数据类型，表示唯一的标识符。例如：
let symbolVariable = Symbol("description");
console.log(symbolVariable); // Symbol(description)
引用数据类型
Object
Object表示一个对象。例如：
let objectVariable = { name: "John", age: 30 };
console.log(objectVariable); // { name: "John", age: 30 }
例子
下面是一些例子，演示了Javascript中各种数据类型的用法：
1. Undefined
Undefined表示声明了一个变量但未对其进行初始化。
let undefinedVariable;
console.log(undefinedVariable); // undefined
2. Null
Null表示一个空值。
let nullVariable = null;
console.log(nullVariable); // null
3. Boolean
Boolean表示true或false的值。
let booleanVariable = true;
console.log(booleanVariable); // truelet booleanVariable = false;
console.log(booleanVariable); // false
4. Number
Number表示数字。
let numberVariable = 123;
console.log(numberVariable); // 123let numberVariable = -123;
console.log(numberVariable); // -123let numberVariable = 1.23;
console.log(numberVariable); // 1.23
5. String
String表示文本字符串。
let stringVariable = "Hello World!";
console.log(stringVariable); // Hello World!let stringVariable = 'Hello World!';
console.log(stringVariable); // Hello World!
6. Symbol
Symbol是ES6新增的数据类型，表示唯一的标识符。
let symbolVariable1 = Symbol("description");
let symbolVariable2 = Symbol("description");
console.log(symbolVariable1 === symbolVariable2); // false
7. Object
Object表示一个对象。
let objectVariable = { name: "John", age: 30 };
console.log(objectVariable); // { name: "John", age: 30 }let objectVariable = { "name": "John", "age": 30 };
console.log(objectVariable); // { name: "John", age: 30 }let objectVariable = { name: "John", age: 30 };
console.log(objectVariable.name); // John
console.log(objectVariable.age); // 30let objectVariable = { name: "John", age: 30 };
objectVariable.name = "Mary";
console.log(objectVariable); // { name: "Mary", age: 30 }let objectVariable = { name: "John", age: 30 };
objectVariable.email = "john@example.com";
console.log(objectVariable); // { name: "John", age: 30, email: "john@example.com"}let objectVariable1 = { name: "John", age: 30 };
let objectVariable2 = { name: "Mary", age: 25 };
let arrayVariable = [objectVariable1, objectVariable2];
console.log(arrayVariable); // [{ name: "John", age: 30 }, { name: "Mary", age: 25 }]let objectVariable = { name: "John", age: 30 };
console.log(Object.keys(objectVariable)); // ["name", "age"]let objectVariable = { name: "John", age: 30 };
console.log(Object.values(objectVariable)); // ["John", 30]let objectVariable = { name: "John", age: 30 };
console.log(JSON.stringify(objectVariable)); // {"name":"John","age":30}let objectVariable = { name: "John", age: 30 };
console.log(Object.getOwnPropertyNames(objectVariable)); // ["name", "age"]
结论
在Javascript中，有七种数据类型。基本数据类型包括：Undefined, Null, Boolean, Number, String和Symbol（ES6新增）。引用数据类型包括：Object。使用这些数据类型，您可以创建各种不同类型的变量和对象。如果您想深入了解Javascript数据类型，可以参考MDN文档。希望这篇文章对您有所帮助！
补充
在Javascript中，还有两个特殊类型：NaN和Infinity。
NaN
NaN表示一个非数字值。例如：
let nanVariable = "hello" / 5;
console.log(nanVariable); // NaN
Infinity
Infinity表示一个无穷大的值。例如：
let infinityVariable = 1 / 0;
console.log(infinityVariable); // Infinitylet negativeInfinityVariable = -1 / 0;
console.log(negativeInfinityVariable); // -Infinity
补充内容结束。
数据类型的相等比较
在Javascript中，数据类型的相等比较是非常重要的。以下是一些例子：
console.log(1 == "1"); // true
console.log(1 === "1"); // false
console.log(null == undefined); // true
console.log(null === undefined); // false
console.log(0 == false); // true
console.log(0 === false); // false
在进行相等比较时，使用“==”会进行类型转换，而“===”不会进行类型转换。因此，建议在进行相等比较时使用“===”。
数据类型的转换
在Javascript中，数据类型的转换是非常常见的。以下是一些例子：
字符串转数字
let stringVariable = "123";
console.log(typeof stringVariable); // string
let numberVariable = Number(stringVariable);
console.log(typeof numberVariable); // number
数字转字符串
let numberVariable = 123;
console.log(typeof numberVariable); // number
let stringVariable = numberVariable.toString();
console.log(typeof stringVariable); // string
布尔转字符串
let booleanVariable = true;
console.log(typeof booleanVariable); // boolean
let stringVariable = booleanVariable.toString();
console.log(typeof stringVariable); // string
字符串转布尔
let stringVariable = "true";
console.log(typeof stringVariable); // string
let booleanVariable = Boolean(stringVariable);
console.log(typeof booleanVariable); // boolean
数字转布尔
let numberVariable = 123;
console.log(typeof numberVariable); // number
let booleanVariable = Boolean(numberVariable);
console.log(typeof booleanVariable); // boolean
结论
在Javascript中，数据类型的转换是非常常见的。可以使用内置函数进行转换，例如：Number()、toString()、Boolean()等。在进行相等比较时，建议使用“===”来避免类型转换。
希望这篇文章对您有所帮助！
