前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JavaScript 基础知识:数据类型

JavaScript 基础知识:数据类型

原创
作者头像
zayyo
发布2024-02-04 23:04:54
730
发布2024-02-04 23:04:54

让我们深入了解JavaScript中的数据类型基础知识!

什么是数据类型?

数据类型是特定类型数据的分类。我们有数字、布尔值(true或false)、字符串(用单引号‘’或双引号“”括起的字符序列)以及更复杂的数据类型,称为数组和对象(我们稍后会看到这些)。

代码语言:javascript
复制
let a = 1;           // a是数字
let b = "香蕉";     // b是字符串
let c = true;        // c是布尔值
let d;               // d是未定义的

例如,a已被定义为使用let关键字的变量。我们可以分配任何数据类型给它,甚至可以通过留空来初始化它。

为什么这很重要?

在将数据存储在变量中时,我们知道它的类型很重要,因为它决定了我们可以对它做什么!例如,我们可以将数字相加1 + 1 = 2,这是没问题的。但是,如果我们尝试在它们的数据类型为字符串时相加数字“1” + “1” = 11,结果将是1和1,而不是我们可能期望的和为2。现在让我们详细看看每种类型。

数字

JavaScript中的数字可以带有或不带有小数点,例如:

代码语言:javascript
复制
let a = 1;
let b = 1.1;

它们还可以使用e指数进行缩写,例如:

代码语言:javascript
复制
let million = 1000000;

// 或者..

let million = 1e6;

这里的6是零的数量,在这种情况下等于一百万。

在使用数字时,我们经常会遇到一些特殊的值,Infinity(正无穷大)、-Infinity(负无穷大)和NaN(不是数字)。

如果我们尝试除以0,例如:

代码语言:javascript
复制
3/0    // Infinity

结果将是Infinity,因为JavaScript计算结果超出了它最大可能的数字9007199254740992。相反的情况将产生:

代码语言:javascript
复制
-3/0   // -Infinity

NaN的值表示“不是数字”,这意味着该值不被视为数字。这将生成非法表达式,例如:

代码语言:javascript
复制
let a = 100 / "Greg";     // a将是NaN

因为当然我们不能将数字除以字符串!

然而,在某些情况下,JavaScript也可以在类型转换中转换数据类型,例如:

代码语言:javascript
复制
let a = 100 / "2"         // a将是50

在这种情况下,JavaScript将使用类型强制转换,将我们的“2”字符串视为数字。

字符串

如前所述,字符串是存在于单引号或双引号中的字符序列:

代码语言:javascript
复制
let foodChoice = '脆皮切达芝士辣椒奇多';
let foodChoice = "脆皮切达芝士辣椒奇多";

字符串不仅限于字母,数字和符号也是可以接受的。重要的是引号定义了我们的字符串数据类型。

在代码中使用单引号还是双引号实际上取决于个人偏好,最重要的是保持一致性!

代码语言:javascript
复制
let eater = "布鲁斯";
let foodChoice = "脆皮切达芝士辣椒奇多";

alert(eater + "喜欢" + foodChoice + "!")

// 布鲁斯喜欢脆皮切达芝士辣椒奇多!

布尔值

我们使用关键字true和false设置变量为布尔值数据类型。

代码语言:javascript
复制
let a = true;
let b = false;

在执行数学运算时,布尔值特别有用,可以确定表达式是true还是false,例如:

代码语言:javascript
复制
10 > 5     // true,10大于5
5 > 10     // false,5不大于10
5 < 10     // true,5小于10
5 === 5    // true,5等于5

如果我们将表达式赋给一个变量,例如:

代码语言:javascript
复制
let a = 10 > 5;   // true

我们的变量a当然将持有true的值。

在程序中,当我们需要根据真或假的评估执行操作时,布尔值就会非常有用。例如,接收的登录凭据是否评估为true?允许访问 ✔️。还是为false?拒绝访问 ❌。

数组

数组是一种稍微复杂的数据类型,但它们实际上非常容易理解!数组是通过单个变量持有多个值的一种方式。例如:

代码语言:javascript
复制
let colors = ["红色", "绿色", "蓝色", "黄色"]

数组通过使用方括号[]来定义,就像上面的例子一样。我们已经将数组分配给变量colors,其中包含我们的元素红色、绿色、蓝色和黄色。

对colors变量的调用将输出整个数组“红色”,“绿色”,“蓝色”,“黄色”。

数组的真正强大之处在于它们的内容可以进行迭代,我们可以调用数组变量中的单个项目。为此,我们使用索引号,放在方括号内:

代码语言:javascript
复制
colors[0]     // 红色
colors[1]     // 绿色
colors[2]     // 蓝色
colors[3]     // 黄色
colors[4]     // 未定义

注意:我们的第一个数组元素始终具有索引位置0。因此,请记住从0开始计数,而不是从1开始!

数组具有很大的灵活性,可以添加、删除和更改元素。现在让我们来看看我们的最后一种数据类型:对象!

对象

对象数据类型通常用于保存大量相关数据。对象数据值存储在键/值对中,这些对构成了一种存储和访问数据的逻辑方式,使用花括号{},例如:

代码语言:javascript
复制
let user = {firstName:"简", lastName:"杜", age:34, location:"温哥华"};
为了清晰起见,我们可以将其写成多行:
代码语言:javascript
复制
let user = {
    firstName: "简",
    lastName: "杜",
    age: 34,
    location: "温哥华"
};

我们的上面例子包含四个属性firstName、lastName、age和location。我们的属性可以是任何数据类型,使用对象名.属性来访问,如下所示:

代码语言:javascript
复制
user.firstName     // 简
user.lastName      // 杜
user.age           // 34
user.location      // 温哥华

我正在参与2024腾讯技术创作特训营第五期有奖征文,快来和我瓜分大奖!

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 什么是数据类型?
  • 为什么这很重要?
    • 数字
      • 字符串
        • 布尔值
          • 数组
            • 对象
            相关产品与服务
            数据保险箱
            数据保险箱(Cloud Data Coffer Service,CDCS)为您提供更高安全系数的企业核心数据存储服务。您可以通过自定义过期天数的方法删除数据,避免误删带来的损害,还可以将数据跨地域存储,防止一些不可抗因素导致的数据丢失。数据保险箱支持通过控制台、API 等多样化方式快速简单接入,实现海量数据的存储管理。您可以使用数据保险箱对文件数据进行上传、下载,最终实现数据的安全存储和提取。
            领券
            问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档