JavaScript 数据类型

发布于 2024-11-15 08:01:21 字数 6369 浏览 1 评论 0

在本教程中,您将在示例的帮助下了解 JavaScript 中可用的各种数据类型。正如名称 data types 所建议的那样,它表示可以在程序中使用的数据类型。例如,

let x = 5;
let y = "Hello";

这里,

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

JavaScript 数据类型

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

Data TypesDescriptionExample
Stringrepresents textual data'hello' , "hello world!" etc
Numberan integer or a floating-point number3 , 3.234 , 3e-2 etc.
BigIntan integer with arbitrary precision900719925124740999n , 1n etc.
BooleanAny of two values: true or falsetrue and false
undefineda data type whose variable is not initializedlet a;
nullspecial keyword denoting a null valuelet a = null;
Symboldata type whose instances are unique and immutablelet value = Symbol('hello');
Objectkey-value pairs of collection of datalet student = { };

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

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


JavaScript 字串

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

  • 单引号: 'Hello'
  • 双引号: "Hello"
  • 反引号: `Hello`

例如,

//strings example
let name = 'ram';
let name1 = "hari";
let result = `The names are ${name} and ${name1}`;

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

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

您将在JavaScript String教程中了解反引号的用法。


JavaScript 编号

Number 代表整数和浮点数字(小数和指数)。例如,

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

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

let number1 = 3/0;
console.log(count); // returns Infinity

let number2 = -3/0;
console.log(count1); // returns -Infinity

// strings can't be divided by numbers
let number3 = "abc"/3; 
console.log(number3);  // returns NaN

JavaScript BigInt

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

通过将 n 附加到整数的末尾来创建 BigInt 数字。例如,

// BigInt value
let value = 900719925124740998n;

// Adding two big integers
let value1 = value + 1n;
console.log(value1); // returns "900719925124740999n"

let value = 900719925124740998n;

// Error! BitInt and number cannot be added
let value1 = value + 1; 
console.log(value1); 

输出

900719925124740999n
Uncaught TypeError: Cannot mix BigInt and other types

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


JavaScript 布尔值

此数据类型表示逻辑实体。 Boolean 表示两个值之一: truefalse 。更容易将其视为是/否开关。例如,

let dataChecked = true;
let valueCounted = false;

您将在 JavaScript 比较和逻辑运算符教程中了解有关布尔值的更多信息。


JavaScript 未定义

undefined 数据类型表示 未分配值 。如果声明了变量但未分配值,则该变量的值将是 undefined 。例如,

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

也可以显式分配变量值 undefined 。例如,

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

注意: 建议不要为变量明确分配 undefined 。通常, null 用于为变量分配 未知 值。


JavaScript null

在 JavaScript 中, null 是一个特殊值,表示 未知值 。例如,

let number = null;

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

注意null 与 NULL 或 Null 不同。


JavaScript 符号

此数据类型是在 JavaScript 的较新版本(来自 ES2015) 中引入的。

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

// two symbols with the same description

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

尽管value1value2都包含 'hello' ,但它们与 Symbol 类型不同。

访问JavaScript Symbol了解更多信息。


JavaScript 对象

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

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

您将在后面的教程中了解JavaScript 对象


JavaScript 类型

JavaScript 是一种动态类型化(宽松类型) 的语言。 JavaScript 自动为您确定变量的数据类型。

这也意味着变量可以是一种数据类型,以后可以更改为另一种数据类型。例如,

// data is of undefined type
let data;

// data is of integer type
data = 5;

// data is of string type
data = "JavaScript Programming";

JavaScript 类型

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

let name = 'ram';
typeof(name); // returns "string"

let number = 4;
typeof(number); //returns "number"

let valueChecked = true;
typeof(valueChecked); //returns "boolean"

let a = null;
typeof(a); // returns "object"

请注意, typeof 返回的 "object"null 类型。自 JavaScript 首次发布以来,这是一个已知问题。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

上一篇:

下一篇:

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

关于作者

永言不败

暂无简介

0 文章
0 评论
24 人气
更多

推荐作者

謌踐踏愛綪

文章 0 评论 0

开始看清了

文章 0 评论 0

高速公鹿

文章 0 评论 0

alipaysp_PLnULTzf66

文章 0 评论 0

热情消退

文章 0 评论 0

白色月光

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文