【零基础学JS - 7 】javaScript 中的8大数据类型-LMLPHP

在本文中,你将通过示例学习 JavaScript 中的各种数据类型。

JavaScript 程序中可以使用不同类型的数据。例如,

const x = 5;
const y = "Hello";

在这里,

  • 5 是整数数据。
  • “Hello” 是字符串数据。

JavaScript 数据类型

JavaScript 中有八种基本数据类型。它们是:

在这里,除了 Object 以外的所有数据类型都是原始数据类型,而 Object 是非原始数据类型。

注意:Object 数据类型(非原始类型)可以存储数据集合,而原始数据类型只能存储单个数据。

JavaScript String-字符串

字符串用于存储文本。在 JavaScript 中,字符串用引号括起来:

  • 单引号:‘Hello’
  • 双引号:“Hello”
  • 反引号:`Hello`

例如,

// 字符串示例
const name = 'ban';
const name1 = "xia";
const result = `The names are ${name} and ${name1}`;

单引号和双引号实际上是相同的,你可以使用任何一个。

当你需要在字符串中包含变量或表达式时,通常会使用反引号。这是通过将变量或表达式用 ${variable or expression} 包装来完成的,如上所示。

你将在后续 JavaScript 字符串教程中了解有关反引号的详细使用。

JavaScript Number-数字

数字表示整数和浮点数(十进制和指数)。例如,

const number1 = 3;
const number2 = 3.433;
const number3 = 3e5 // 3 * 10^5

数字类型也可以是 +Infinity、-Infinity 和 NaN(不是数字)。例如,

const number1 = 3/0;
console.log(number1); // Infinity

const number2 = -3/0;
console.log(number2); // -Infinity

// 字符串不能被数字除
const number3 = "abc"/3; 
console.log(number3);  // NaN

JavaScript BigInt

在 JavaScript 中,Number 类型只能表示小于 (253 - 1) 和大于 -(253 - 1) 的数字。但是,如果你需要使用比这更大的数字,则可以使用 BigInt 数据类型。

BigInt 数字是通过在整数末尾添加 n 来创建的。例如,

// BigInt 值
const value1 = 900719925124740998n;

// 添加两个大整数
const result1 = value1 + 1n;
console.log(result1); // "900719925124740999n"

const value2 = 900719925124740998n;

// 错误!不能将 BitInt 和数字相加
const result2 = value2 + 1; 
console.log(result2); 

输出:

900719925124740999n
Uncaught TypeError: Cannot mix BigInt and other types

注意:BigInt 是在较新版本的 JavaScript 中引入的,不受许多浏览器的支持,包括 Safari。访问 BigInt | Can I use 支持以了解更多信息。

JavaScript Boolean-布尔

这种数据类型表示逻辑实体。布尔表示两个值中的任一个:true 或 false。它更容易被认为是一个是/否开关。例如,

const dataChecked = true;
const valueCounted = false;

你将在后续 JavaScript 比较和逻辑运算符教程中了解更多关于布尔值的内容。

JavaScript undefined-未定义

未定义数据类型表示未分配的值。如果声明了一个变量但没有分配值,则该变量的值将是未定义的。例如,

let name;
console.log(name); // undefined

也可以显式地将变量值分配为未定义。例如,

let name = undefined;
console.log(name); // undefined

注意:不建议将未定义分配给变量。通常,null 用于分配“未知”或“空”值。

JavaScript null

在 JavaScript 中,null 是表示空或未知值的特殊值。例如,

const number = null;

上面的代码表明 number 变量为空。

注意:null 不同于 NULL 或 Null。

JavaScript Symbol

这种数据类型是在ES6(从 ES2015 开始)中引入的。

具有数据类型 Symbol 的值可以称为符号值。Symbol 是一个不可变的原始值,是唯一的。例如,

// 具有相同描述的两个符号

const value1 = Symbol('hello');
const value2 = Symbol('hello');

尽管 value1 和 value2 都包含“hello”,但它们是不同的,因为它们是 Symbol 类型。

JavaScript Object-对象

对象是一种复杂的数据类型,允许我们存储数据集合。例如,

const student = {
    firstName: 'ram',
    lastName: null,
    class: 10
};

你将在后续的教程中详细了解 JavaScript 对象。

JavaScript 类型

需要注意的是,JavaScript 是一种动态且弱类型的语言,因此相同的变量可用于保存各种不同的数据类型。分配了某种类型值的 JavaScript 变量可以重新分配不同类型的值。例如,

// 数据是未定义类型
let data;

// 数据是整数类型
data = 5;

// 数据是字符串类型
data = "JavaScript 编程";

JavaScript typeof

要查找变量的类型,可以使用 typeof 运算符。例如,

const name = 'ram';
typeof(name); // 返回 "string"

const number = 4;
typeof(number); // 返回 "number"

const valueChecked = true;
typeof(valueChecked); // 返回 "boolean"

const a = null;
typeof(a); // 返回 "object"

注意,typeof 对于 null 类型返回了“object”。这是 JavaScript 自从第一次发布以来的已知问题。

05-19 02:12