JavaScript类型系统之基本数据类型与包装类型

JavaScript类型系统之基本数据类型与包装类型

在JavaScript中,数据类型可以分为两类:基本数据类型和引用数据类型。其中,基本数据类型(primitive data type)包括:NumberStringBooleannullundefined,而引用数据类型(reference data type)则包括:ObjectArrayDateRegExp等。

除了基本数据类型以外,JavaScript还提供了对应的包装类型(wrapper object),即用于包装基本数据类型的引用类型。包装类型有NumberStringBoolean三种,其余的基本数据类型没有对应的包装类型。

基本数据类型

Number

Number类型用于表示数字,包括整数和浮点数。JavaScript的数字没有区分整型和浮点型,二者都使用Number类型来表示,同时也没有对数字范围的限制,即可以表示任意大小和精度的数字。

示例:

let a = 10;
let b = 3.14;
console.log(typeof a); // 输出:"number"
console.log(typeof b); // 输出:"number"

String

String类型用于表示文本字符串,可以包含任意字符,包括空格、标点符号和特殊字符等。字符串可以通过单引号、双引号或反引号来表示,其中反引号可以用于形成模板字符串。

示例:

let str1 = 'hello world';
let str2 = "it's a beautiful day today";
let str3 = `the result is ${a + b}`;
console.log(typeof str1); // 输出:"string"
console.log(typeof str2); // 输出:"string"
console.log(typeof str3); // 输出:"string"

Boolean

Boolean类型用于表示逻辑值,包括truefalse两个值。通常用于控制程序的流程或进行条件判断。

示例:

let flag1 = true;
let flag2 = false;
console.log(typeof flag1); // 输出:"boolean"
console.log(typeof flag2); // 输出:"boolean"

null

null表示一个空对象引用,常用于初始化变量或对象属性,表示这个变量或属性暂时未被赋值。

示例:

let obj = null;
console.log(typeof obj); // 输出:"object"

undefined

undefined表示一个未定义的变量或对象属性,通常表示该变量或属性还未被声明或赋值。

示例:

let x;
console.log(typeof x); // 输出:"undefined"

包装类型

Number

Number类型的包装类型提供了一些实用的方法,例如转换数字为字符串、获取数字的小数部分、判断数字是否为有限数等。

示例:

let num = 123.456;
console.log(num.toFixed(2)); // 输出:123.46
console.log(num.toString()); // 输出:"123.456"
console.log(Number.isFinite(num)); // 输出:true

String

String类型的包装类型同样提供了一些实用的方法,例如将字符串转换为数字、获取字符串长度、提取字符串中的子串等。值得注意的是,字符串的每个字符都可以看作是一个长度为1的字符串,因此可以通过下标来访问字符串中的每个字符。

示例:

let str = 'hello world';
console.log(str.length); // 输出:11
console.log(parseInt('123')); // 输出:123
console.log(str.charAt(0)); // 输出:h
console.log(str.substring(0, 5)); // 输出:hello

Boolean

Boolean类型的包装类型没有提供太多的实用方法,只有一个valueOf方法用于返回布尔值的原始值。

示例:

let flag = new Boolean(false);
console.log(flag.valueOf()); // 输出:false

总结

基本数据类型和包装类型在使用时有一些细微的差别,例如在比较两个基本数据类型时,只需使用=====运算符,而不需要调用它们的方法。但是,包装类型与基本数据类型的自动转换确实方便了我们的编程,可以在某些情况下减少代码复杂度。因此,在实际编程中,需要根据实际需求和编程习惯选择使用基本数据类型或包装类型。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JavaScript类型系统之基本数据类型与包装类型 - Python技术站

(0)
上一篇 2023年6月10日
下一篇 2023年6月10日

相关文章

  • 使用JS+XML(数据岛)实现分页)

    那么下面就是详细讲解“使用JS+XML(数据岛)实现分页”的完整攻略: 什么是数据岛? 数据岛是一种传输XML数据的技术。通过XML数据岛技术,我们可以将XML数据作为HTML文档的一部分传输到客户端。XML数据岛把XML数据存储在一个特定的DIV元素中,在浏览器页面上隐藏该元素即可,通过JavaScript的DOM操作,即可取得数据,从而实现数据分页的需求…

    JavaScript 2023年6月10日
    00
  • Angularjs 创建可复用组件实例代码

    AngularJS 是一个广泛使用的前端框架,其中最重要的概念之一是组件。组件是 AngularJS 中的基本构建块之一,可以帮助我们实现代码的可复用性、可维护性和可测试性。在本文中,我们将讨论在 AngularJS 中如何创建可复用组件实例代码的完整攻略。 创建可复用组件实例的准备工作 在创建可复用组件实例之前,我们需要完成以下准备工作: 确定组件的数据和…

    JavaScript 2023年6月11日
    00
  • 轻量级的原生js日历插件calendar.js使用指南

    轻量级的原生js日历插件calendar.js使用指南 什么是calendar.js? calendar.js是一款轻量级的原生JavaScript日历插件,不依赖任何第三方库,可快速集成到你的网站或应用中。 如何使用calendar.js? 步骤一:引入calendar.js文件 将calendar.js文件引入到你的网页中。 <script src…

    JavaScript 2023年5月27日
    00
  • 使用JavaScript的ActiveXObject对象检测应用程序是否安装的方法

    在使用ActiveXObject对象检测应用程序是否安装之前,需要确保有需要检测的应用程序的Class ID或者ProgID。这些信息可以在应用程序的安装文件中或者官方文档中找到。 接下来是具体的攻略: 1. 创建ActiveXObject对象 使用JavaScript的 ActiveXObject 对象来检测是否安装了需要的应用程序。例如,如果要检查是否安…

    JavaScript 2023年5月27日
    00
  • JavaScript中圆括号()和方括号[]的特殊用法疑问解答

    下面是关于“JavaScript中圆括号()和方括号[]的特殊用法疑问解答”的完整攻略。 JavaScript中圆括号()的特殊用法 1. 函数调用 在JavaScript中,我们使用圆括号来调用函数,可以传递参数给函数。例如: function sayHello(name) { console.log(`Hello, ${name}!`); } sayHe…

    JavaScript 2023年6月10日
    00
  • JavaScript中的this例题实战总结详析

    下面我将为你详细讲解“JavaScript中的this例题实战总结详析”。 一、什么是this 在JavaScript中,this是一个关键字,通常用来指向当前对象。this的具体指向取决于函数被调用的方式。在不同的上下文环境中,this指向的对象不同,因此理解this的指向也非常重要。 具体来说,this有以下四种指向。 全局环境下的this当函数未被绑定…

    JavaScript 2023年6月11日
    00
  • JavaScript面向对象程序设计三 原型模式(上)

    JavaScript面向对象程序设计三 原型模式(上) 前言 在 JavaScript 面向对象编程中,原型模式是非常重要的一个概念。通过原型模式,可以更加方便地实现对象的创建、继承等功能。下面,我们来详细介绍 JavaScript 原型模式的相关内容。 什么是原型模式? 在 JavaScript 中,每个对象都有一个原型对象。原型对象就是用来实现对象共享的…

    JavaScript 2023年5月27日
    00
  • 判断JavaScript中的两个变量是否相等的操作符

    判断JavaScript中的两个变量是否相等的操作符一般有两种:==和===。它们的区别在于比较时是否考虑数据类型。以下是完整的操作攻略: ==操作符 ==操作符会自动转换数据类型,再进行比较。如果有一个操作数是字符串类型,另一个是数字类型,操作符会转换字符串类型为数字类型。如果两个操作数都是引用类型,则比较的是它们的引用。下面是例子: console.lo…

    JavaScript 2023年6月10日
    00
合作推广
合作推广
分享本页
返回顶部