您当前的位置:首页 > 电脑百科 > 程序开发 > 语言 > javascript

JavaScript 类型转换和强制转换

时间:2023-01-17 13:11:38  来源:  作者:qaseven


JAVAScript 中变量的类型转换既可以手动进行也可以显式进行;我们只需要手动编写函数名称或方法。阅读更多。

JavaScript 中变量的类型转换既可以手动进行也可以显式进行;我们只需要手动编写函数名称或方法。这被称为显式类型转换,而 JavaScript 中的类型强制是 JavaScript 中变量数据类型隐式转换的过程。

TypeScript 中的类型转换可以是隐式的(这是在代码执行期间自动完成的)或显式的(这是由开发人员完成的)。TypeScript 文件将在将代码从JavaScript转换为 TypeScript 后检查错误,因为TypeScript具有严格的类型检查。

我们知道,JavaScript中的类型转换是指JavaScript中显式类型转换的过程;我们知道JavaScript中有五种数据类型,分别是String、number、boolean、object和function。但是我们只能在其中三个中使用类型转换,它们是数字、字符串和布尔值。

在 TypeScript 中,既有双重相等运算符(==,称为松散相等运算符),也有三重相等运算符(===,称为严格相等运算符)。我们使用这两个运算符来比较值的相等性。

现在让我们看看在 TypeScript 中阅读不同的过程及其各自的方法。

转换为字符串

在这个方法中,数字类型被转换为 JavaScript 中的字符串数据类型。

让我们借助一个示例来了解这一点:

 

  1.  

    String():无论我们在String()中写入什么,无论数据类型如何,数据类型都会转换为字符串类型。
    让我们先看看语法,然后是示例:

     

 

String(n)

这里括号内的n是指要转换成字符串的值。

现在让我们在示例中实现语法:

String(1520)
String(1234)

输出

"1520"
"1234"

在上面的代码中,我们通过在字符串语法中写入值,将值从数字转换为字符串。在你的编辑器中运行上面的代码以获得更好更清晰的解释。

在字符串转换中,有一些方法。它们是:

 

  1. toexponential()
  2. toprecison()
  3. tofixed()

 

现在让我们借助示例详细了解每种方法的使用:

toexponential()

此 JavaScript 方法将数值转换为四舍五入的字符串符号。

让我们先看看语法,然后是示例:

n.toExponential()

这里的.toEponential 方法是用来转换成字符串指数形式(e+number)...

您可以在此处了解更多信息。

现在让我们在示例中实现语法:

let n=12.654;
console.log(n.toExponential());

输出

let n=12.654;
console.log(n.toExponential());

在上面的示例中,我们输入了一个数字,然后以指数形式打印它,其数据类型为字符串。

toFixed()

此方法将数字转换为固定长度的字符串,我们提供:

让我们先看看语法,然后是示例:

n.toFixed()

这里的 . toEponential方法用于将数字转换为其字符串固定形式。

现在让我们在示例中实现语法:

let n=152.9054;
console.log(n.toFixed());
let n1=69.156;
console.log(n1.toFixed(2));

输出

在上面的例子中,我们将上面的数字转换成字符串,通过使用.toFixed方法,我们刚刚提到了我们要打印小数点后的位数;也就是说,如果我们不提及任何内容,那么默认情况下,用户会将其视为零,并且不会在小数点后打印任何内容。在你的编辑器中运行上面的代码以获得更好更清晰的解释。

toPrecison()

用于打印小数点后的数字,数据类型为字符串。

让我们先看看语法,然后是示例:

n.toExponential()

这里的 .toEponential方法是用来转换成字符串指数形式(e+number)...

现在让我们在示例中实现语法:

let n=12.654;
console.log(n.toFixed());
let n1=18.124;
console.log(n1.toFixed(1));

输出

12.654
18.12

在上面的示例中,我们首先将数字 (n) 作为输入,然后使用该 .toFixed()函数,我们将数字从字符串中固定打印出来。在固定函数中,如果我们在可选参数中没有提及任何内容,那么它会将其视为零并打印整个值。如果我们在可选参数括号中提到任何数字,那么它只会从小数部分中排除值的计数,并将打印转换后的字符串的其余部分。

到数字类型转换

在这个方法中,我们将看到如何借助各种内置类型将字符串转换为数字数据类型。

数字转换方法如下:

 

  1. number()
  2. parseFloat()
  3. parseInt()

 

现在让我们详细了解它们中的每一个:

1.number()

在此方法中,我们只是将字符串值和布尔值转换为数字数据类型。

让我们先看看语法,然后是示例:

Number(n)

这里使用 Number 方法将 (n) 可以是字符串或布尔值转换为数字数据类型。

现在让我们在示例中实现语法:

Number('123');
Number('1520');
Number('5969');
Number(actual);// true in numeric form is 1 while false in numeric form is 0

输出

Number() 我们已经通过编写函数将值从字符串或布尔数据类型显式转换为数字数据类型。在你的编辑器中运行上面的代码以获得更好更清晰的解释。

2.parseInt()

它用于仅将数字字符串值转换为字符串,条件是第一部分必须是数字类型。

句法::

parseInt(numeric_stringpart,radixpart)

例子:

parseInt(1520nlcdj)
parseInt('qwer@12222')

输出

1520
Nan

在第二个输出行中,输出将是 Nan,因为它不满足第一部分必须是数字类型的条件。

3.parseFloat()

它用于将字符串转换为其浮点数。

让我们看看下面的语法,然后是一个例子:

parseFloat(n)

这里 n 是将被转换为数字数据类型的变量。

例子:

parseFloat('126.7655')

输出

在上面的示例中,我们已将字符串转换为其父数字形式。

类型Boolean转换

在此,我们将值从数字类型转换为布尔类型。

句法:

Boolean(n)

这里括号内的 n 值将被转换为 boolean 类型。

现在让我们看一个例子:

Boolean(1520)
Boolean(' ')
Boolean('yash')
Boolean(null)

输出

true
true
true

在你的编辑器中运行上面的代码以获得更好更清晰的解释。

JavaScript 中的类型强制

类型强制本身就是类型转换,但这里完成的类型转换是隐式的;转换和强制转换是相同的,唯一的区别是隐式和显式类型转换。

类型强制也用于相同的数据类型:数字、字符串和布尔值。众所周知,TypeScript 是 JavaScript 本身的超集,因此任何有效的 JavaScript 代码都是有效的 TypeScript 代码。

TypeScript 中的类型强制仅强制转换为字符串、数字和布尔基本类型,就像在类型转换中一样。在 TypeScript 中,我们无法将值类型强制转换为对象或函数。

TypeScript 有两种典型的强制转换形式,即隐式强制转换和显式强制转换。

现在让我们看看如何在每种类型中执行类型强制转换:

字符串强制

它用于将非字符串值转换为字符串类型。

让我们借助一个例子来理解这一点:

console.log('15'+20);
console.log('29'+null);
console.log(50+'45'+null)

输出

'1520'
'29null'
'5045null'

字符串强制转换是使用JavaScript中的+ 运算符执行的。因此,如果我们对任何字符串使用 + 运算符,它将被转换为字符串类型。

数字强制

然后使用带有变量的数学运算符,我们可以将任何非数字类型转换为数字类型。但是,我们不能在数字强制转换中使用 + 运算符。

让我们借助一个例子来理解这一点:

console.log('34'-34);
console.log('6'*8);
console.log('45'/45);
console.log('15'%5);

输出

在这里,我们使用数学运算符将非数值转换为数值;我们可以不使用 + 运算符。在你的编辑器中运行上面的代码以获得更好更清晰的解释。

布尔强制

在这种类型的连接中,布尔值被转换为数学值。

让我们借助一个例子来理解这一点:

console.log(false-5);
console.log(true+5);

输出

-5
6

因为我们知道在数值上true的值为1,false在数值上的值为0,所以我们可以根据它来计算。

结论

  1. 类型转换和类型强制只是一回事。但是,隐式类型转换和显式类型转换之间存在差异。
  2. 类型转换和类型强制仅适用于数字、字符串和布尔数据类型。
  3. 类型转换在 javascript 中非常重要,因为它可以帮助我们在需要时转换类型。
  4. TypeScript 中的类型转换和强制转换,简单来说就是将一个值的数据类型转换为另一种数据类型,如整数类型转换为字符串类型、布尔类型转换为字符串类型等。
  5. 隐式类型转换和显式类型转换之间的主要区别在于,隐式转换由 JavaScript 编译器在幕后自动完成,而显式转换则由我们手动完成。


Tags:JavaScript   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,不构成投资建议。投资者据此操作,风险自担。如有任何标注错误或版权侵犯请与我们联系,我们将及时更正、删除。
▌相关推荐
17 个你需要知道的 JavaScript 优化技巧
你可能一直在使用JavaScript搞开发,但很多时候你可能对它提供的最新功能并不感冒,尽管这些功能在无需编写额外代码的情况下就可以解决你的问题。作为前端开发人员,我们必须了解...【详细内容】
2024-04-03  Search: JavaScript  点击:(6)  评论:(0)  加入收藏
你不可不知的 15 个 JavaScript 小贴士
在掌握如何编写JavaScript代码之后,那么就进阶到实践——如何真正地解决问题。我们需要更改JS代码使其更简单、更易于阅读,因为这样的程序更易于团队成员之间紧密协...【详细内容】
2024-03-21  Search: JavaScript  点击:(29)  评论:(0)  加入收藏
使用 JavaScript 清理我的 200GB iCloud,有了一个意外发现!
本文作者在综合成本因素之下,决定用 Java 脚本来清理一下自己的 iCloud,结果却有了一个意外发现,即在 iCloud 中上传同一个视频和删除此视频之后,iCloud 的空间并不一致,这到底是...【详细内容】
2024-01-11  Search: JavaScript  点击:(105)  评论:(0)  加入收藏
JavaScript 真的是在 10 天内完成的吗?
起初网景公司用了十天时间创建了一个 Java,后来它成为事实上的 Web 标准,并横扫各大编程语言榜单成为开发者最受欢迎的语言之一。近日,有开发者对 Java 的开发周期提出了质疑,以...【详细内容】
2024-01-03  Search: JavaScript  点击:(88)  评论:(0)  加入收藏
创建一个双模式跨运行时的 JavaScript 包,你学会了吗
本文将指导你发布双模式、跨运行时的 JavaScript 包。了解如何创建与 ESM 和 CommonJS 以及 Node.js、Deno 和浏览器等不同运行时兼容的库。随着 JavaScript 开发的不断发展...【详细内容】
2023-12-27  Search: JavaScript  点击:(166)  评论:(0)  加入收藏
五种在 JavaScript 中创建对象的方法
在 JavaScript 中,对象是多功能工具,可以通过多种方式创建,每种方式适合不同的场景。了解何时使用每种方法是编写高效且可维护的 JavaScript 代码的关键。让我们探讨在 JavaScr...【详细内容】
2023-11-23  Search: JavaScript  点击:(245)  评论:(0)  加入收藏
GitHub:程序员正积极使用 AI 编程、JavaScript 语言依然最流行
IT之家 11 月 20 日消息,GitHub 发布了 2023 年度 Octoverse 开源状态报告,其中主要强调了 AI 在开发过程中的作用,并围绕云和 Git 的开源活动展开。官方介绍称,今年的三大趋势...【详细内容】
2023-11-20  Search: JavaScript  点击:(173)  评论:(0)  加入收藏
通过示例解释所有 JavaScript 数组方法
作为一名程序员,我们的工作是写有效的代码,但是仅仅写有效的代码,这还不够。如果想成为优秀的程序员,我们还需要编写可维护和可扩展的代码。JavaScript为我们提供了很多可以用来...【详细内容】
2023-11-15  Search: JavaScript  点击:(265)  评论:(0)  加入收藏
JavaScript 地位不保!WasmGC 将成为下一个“网红”?
整理 | 太冷不穿格子衫 出品 | 51CTO技术栈(微信号:blog51cto)早在 2017 年,主流浏览器都已经支持 WebAssembly。随着 WebAssembly 的蓬勃发展,各种编程语言也在增加对它的支持。...【详细内容】
2023-11-13  Search: JavaScript  点击:(218)  评论:(0)  加入收藏
Jest:目前最广泛使用的前端 JavaScript 测试框架
Jest 是一个简单易用的 JavaScript 测试框架。最初由 Meta 公司团队维护。2022 年 5 月,Meta 公司正式将自己的开源项目Jest 移交给 OpenJS Foundation[1],这表示 Jest 由公司...【详细内容】
2023-11-08  Search: JavaScript  点击:(342)  评论:(0)  加入收藏
▌简易百科推荐
JavaScript的异步编程常见模式
在JavaScript中,异步编程是一种处理长时间运行操作(如网络请求或I/O操作)的常见方式。它允许程序在等待这些操作完成时继续执行其他任务,从而提高应用程序的响应性和性能。JavaS...【详细内容】
2024-04-12  靳国梁    Tags:JavaScript   点击:(6)  评论:(0)  加入收藏
17 个你需要知道的 JavaScript 优化技巧
你可能一直在使用JavaScript搞开发,但很多时候你可能对它提供的最新功能并不感冒,尽管这些功能在无需编写额外代码的情况下就可以解决你的问题。作为前端开发人员,我们必须了解...【详细内容】
2024-04-03  前端新世界  微信公众号  Tags:JavaScript   点击:(6)  评论:(0)  加入收藏
你不可不知的 15 个 JavaScript 小贴士
在掌握如何编写JavaScript代码之后,那么就进阶到实践——如何真正地解决问题。我们需要更改JS代码使其更简单、更易于阅读,因为这样的程序更易于团队成员之间紧密协...【详细内容】
2024-03-21  前端新世界  微信公众号  Tags:JavaScript   点击:(29)  评论:(0)  加入收藏
又出新JS运行时了!JS运行时大盘点
Node.js是基于Google V8引擎的JavaScript运行时,以非阻塞I/O和事件驱动架构为特色,实现全栈开发。它跨平台且拥有丰富的生态系统,但也面临安全性、TypeScript支持和性能等挑战...【详细内容】
2024-03-21  前端充电宝  微信公众号  Tags:JS   点击:(28)  评论:(0)  加入收藏
构建一个通用灵活的JavaScript插件系统?看完你也会!
在软件开发中,插件系统为应用程序提供了巨大的灵活性和可扩展性。它们允许开发者在不修改核心代码的情况下扩展和定制应用程序的功能。本文将详细介绍如何构建一个灵活的Java...【详细内容】
2024-03-20  前端历险记  微信公众号  Tags:JavaScript   点击:(23)  评论:(0)  加入收藏
对JavaScript代码压缩有什么好处?
对JavaScript代码进行压缩主要带来以下好处: 减小文件大小:通过移除代码中的空白符、换行符、注释,以及缩短变量名等方式,可以显著减小JavaScript文件的大小。这有助于减少网页...【详细内容】
2024-03-13  WangLiwen    Tags:JavaScript   点击:(5)  评论:(0)  加入收藏
跨端轻量JavaScript引擎的实现与探索
一、JavaScript 1.JavaScript语言JavaScript是ECMAScript的实现,由ECMA 39(欧洲计算机制造商协会39号技术委员会)负责制定ECMAScript标准。ECMAScript发展史: 2.JavaScript...【详细内容】
2024-03-12  京东云开发者    Tags:JavaScript   点击:(6)  评论:(0)  加入收藏
面向AI工程的五大JavaScript工具
令许多人惊讶的是,一向在Web开发领域中大放异彩的JavaScript在开发使用大语言模型(LLM)的应用程序方面同样大有价值。我们在本文中将介绍面向AI工程的五大工具,并为希望将LLM...【详细内容】
2024-02-06    51CTO  Tags:JavaScript   点击:(55)  评论:(0)  加入收藏
JS小知识,使用这6个小技巧,避免过多的使用 if 语句
最近在重构我的代码时,我注意到早期的代码使用了太多的 if 语句,达到了我以前从未见过的程度。这就是为什么我认为分享这些可以帮助我们避免使用过多 if 语句的简单技巧很重要...【详细内容】
2024-01-30  前端达人  今日头条  Tags:JS   点击:(60)  评论:(0)  加入收藏
18个JavaScript技巧:编写简洁高效的代码
本文翻译自 18 JavaScript Tips : You Should Know for Clean and Efficient Code,作者:Shefali, 略有删改。在这篇文章中,我将分享18个JavaScript技巧,以及一些你应该知道的示例...【详细内容】
2024-01-30  南城大前端  微信公众号  Tags:JavaScript   点击:(76)  评论:(0)  加入收藏
站内最新
站内热门
站内头条