首页 > web前端 > js教程 > 了解 JavaScript 数据类型

了解 JavaScript 数据类型

DDD
发布: 2024-12-27 17:48:11
原创
189 人浏览过

Understanding JavaScript Data Types

JavaScript 是一种动态类型语言,这意味着在声明变量时不需要指定变量的数据类型。数据类型在执行过程中根据需要自动确定或转换。此功能使 JavaScript 变得灵活且对开发人员友好。

什么是数据类型?

数据类型定义变量可以存储和操作的数据类型。 JavaScript 变量可以保存任何类型的数据。在 JavaScript 中,数据类型大致分为两种类型
1️⃣ 原始数据类型(7 种)
2️ 非原始数据类型(1 种)

1️⃣ 原始数据类型:构建块

这些是 JavaScript 中最基本的数据类型,它们是不可变的,这意味着它们的值无法更改。

(1) String:表示文本数据。在 JavaScript 中,引号有 3 种类型:双引号、单引号、反引号。
?示例:

const fname = 'Richa'; // Single quotes
const language = "JavaScript"; // Double quotes
const study = `webDev`; // Backticks
console.log(fname, language, study); // Output: Richa JavaScript webDev
登录后复制

(2) Number:表示数值(整数和浮点数均可)。
?示例:

const total = 0;
const PI = 3.14;
console.log(total, PI); // Output: 0 3.14
登录后复制

(3) BigInt:表示大于 Number 类型可以处理的整数。 BigInt 值是通过将 n 附加到整数末尾来创建的。
?示例:

const bigNumber = 1234567890123456789012345678901234567890n;
console.log(bigNumber); // Output: 1234567890123456789012345678901234567890n
登录后复制

(4) Boolean:代表一个逻辑值,可以是 true 或 false。
?示例:

const isPrimeNumber = true;
const isNewUser = false;
console.log(isPrimeNumber, isNewUser); // Output: true false
登录后复制

(5) Null:表示故意为空或未知的值。
?示例:

const data = null;
console.log(data); // Output: null
登录后复制

(6)未定义:表示已声明但尚未赋值的变量。
?示例:

let result;
console.log(result); // Output: undefined

/* Uncomment the following code and see what output will return */
/* let result = undefined;
console.log(result); */

let result_1 = undefined;
console.log(result_1); // Output: undefined
登录后复制

(7) 符号:ES6(2015)中引入,代表唯一且不可变的值。符号类型用于为对象创建唯一标识符。现在,我只简单提一下这一点。稍后我们将深入探讨更多细节。
?示例:

const uniqueId = Symbol("id");
console.log(uniqueId); // Output: Symbol(id)
登录后复制

2️ 非原始数据类型:复杂的结构

这些数据类型可以保存值的集合或更复杂的实体。
(1) Object:属性的集合,其中每个属性定义为一个键值对。
?示例:

// object literal
const person = {
    firstName: "Richa",
    lastName: "webDev",
    age: 50
};
// dot (.) notation for access properties
console.log(person.firstName); // Output: Richa
登录后复制

运算符类型

typeof 运算符返回 JavaScript 变量或表达式的数据类型。
?示例:

console.log(typeof "Richa"); // Output: string  
console.log(typeof 0); // Output: number  
console.log(typeof 123); // Output: number  
console.log(typeof 123.12); // Output: number  
console.log(typeof (12 + 8)); // Output: number  
console.log(typeof true); // Output: boolean  
console.log(typeof 25n); // Output: bigint  
console.log(typeof undefined); // Output: undefined  
console.log(typeof null); // Output: object
console.log(typeof Symbol("uId")); // Output: symbol  
console.log(typeof function(){}); // Output: function  
console.log(typeof Math); // Output: object  
登录后复制

要点:

  • 对象中的键不能包含连字符,除非必要,否则引号是可选的。
  • 使用点 (.) 表示法访问对象属性。
  • 原始类型是不可变的,而非原始类型(如对象和数组)是可变的。
  • 通常,使用 null 为变量分配一个“空”或“未知”值,而 undefined 则保留为未分配事物的默认初始值。
  • 对于 null typeof 运算符返回“object”——这是语言中的错误,它不是一个对象。

结论

了解 JavaScript 的数据类型是精通该语言的基础。无论您正在处理数字、字符串还是复杂对象,了解如何有效地使用和操作这些类型都可以显着提高您的编程技能。

您最喜欢的 JavaScript 数据类型用例是什么?在下面的评论中分享您的想法! ?

以上是了解 JavaScript 数据类型的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板