您当前的位置:首页 > 电脑百科 > 程序开发 > 语言 > 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   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,如有任何标注错误或版权侵犯请与我们联系(Email:2595517585@qq.com),我们将及时更正、删除,谢谢。
▌相关推荐
JavaScript 中变量的类型转换既可以手动进行也可以显式进行;我们只需要手动编写函数名称或方法。阅读更多。JavaScript 中变量的类型转换既可以手动进行也可以显式进行;我们...【详细内容】
2023-01-17  Tags: JavaScript  点击:(0)  评论:(0)  加入收藏
厌倦了理清 JavaScript 或 TypeScript 项目中的异步代码?您是否希望有一种方法可以使您的异步进程像运转良好的机器一样运行? 如果是这种情况,我们为您提供了一个解决方案:promi...【详细内容】
2023-01-09  Tags: JavaScript  点击:(13)  评论:(0)  加入收藏
成为出色的问题解决者(这就是开发人员)没有捷径可走。精通是以练习为代价的。 由于算法和数据结构构成了每个软件的支柱,因此练习它们应该是您的首要任务。 作为最常用的存储...【详细内容】
2023-01-08  Tags: JavaScript  点击:(16)  评论:(0)  加入收藏
什么是代码测试覆盖率?在执行一组测试期间执行的代码百分比称为测试覆盖率。 它可以衡量有多少代码库经过了测试,并可能指出代码中可能没有接受足够测试的部分。 在这篇文章...【详细内容】
2023-01-08  Tags: JavaScript  点击:(17)  评论:(0)  加入收藏
Async/await 是随 ES2017 版本在 JavaScript 中引入的一种语言功能,可在 JavaScript 中启用异步、非阻塞行为。 它建立在promise之上,提供了一种更简单、更清晰的方式来处理...【详细内容】
2023-01-07  Tags: JavaScript  点击:(13)  评论:(0)  加入收藏
作为 Web 开发人员,我学会构建的第一批应用程序类型之一是待办事项列表。 这些简单但功能强大的工具使我们能够保持井井有条并专注于我们的任务,使它们成为任何希望提高工作...【详细内容】
2023-01-06  Tags: JavaScript  点击:(10)  评论:(0)  加入收藏
JavaScript 是一种轻量级的解释型编程语言。它最初是为在网络浏览器中使用而开发的,但后来发现了其他用途,包括服务器端脚本、游戏开发、数据可视化和机器学习。JavaScript 是...【详细内容】
2023-01-03  Tags: JavaScript  点击:(22)  评论:(0)  加入收藏
了解这33个JavaScript概念绝对会让你将来的职业生涯受益无穷。话不多说,直接进入主题!1. 调用栈 调用栈是解释器(如web浏览器中的JavaScript解释器)跟踪其在调用多个函数的脚本...【详细内容】
2022-12-24  Tags: JavaScript  点击:(23)  评论:(0)  加入收藏
摘要:在前不久刚发布的 GitHub 年度报告中,Java 依旧是最受程序员欢迎的编程语言,而想要成为一名优秀的 Java 程序员,这 7 个 GitHub 代码库可能会提供助力。链接:https://java.p...【详细内容】
2022-11-29  Tags: JavaScript  点击:(29)  评论:(0)  加入收藏
JavaScript奇淫技巧:20行代码,实现屏幕录像本文展示一个技巧,可以给任何网站、网页实现屏幕录像功能。即使你不是网站的管理者,也可以给它添加录制功能。方法如下:复制一段JS代码...【详细内容】
2022-11-18  Tags: JavaScript  点击:(21)  评论:(0)  加入收藏
▌简易百科推荐
JavaScript 中变量的类型转换既可以手动进行也可以显式进行;我们只需要手动编写函数名称或方法。阅读更多。JavaScript 中变量的类型转换既可以手动进行也可以显式进行;我们...【详细内容】
2023-01-17  qaseven     Tags:JavaScript   点击:(0)  评论:(0)  加入收藏
厌倦了理清 JavaScript 或 TypeScript 项目中的异步代码?您是否希望有一种方法可以使您的异步进程像运转良好的机器一样运行? 如果是这种情况,我们为您提供了一个解决方案:promi...【详细内容】
2023-01-09  启辰8  今日头条  Tags:JavaScript   点击:(13)  评论:(0)  加入收藏
成为出色的问题解决者(这就是开发人员)没有捷径可走。精通是以练习为代价的。 由于算法和数据结构构成了每个软件的支柱,因此练习它们应该是您的首要任务。 作为最常用的存储...【详细内容】
2023-01-08  启辰8  今日头条  Tags: JavaScript   点击:(16)  评论:(0)  加入收藏
什么是代码测试覆盖率?在执行一组测试期间执行的代码百分比称为测试覆盖率。 它可以衡量有多少代码库经过了测试,并可能指出代码中可能没有接受足够测试的部分。 在这篇文章...【详细内容】
2023-01-08  启辰8  今日头条  Tags:JavaScript   点击:(17)  评论:(0)  加入收藏
Async/await 是随 ES2017 版本在 JavaScript 中引入的一种语言功能,可在 JavaScript 中启用异步、非阻塞行为。 它建立在promise之上,提供了一种更简单、更清晰的方式来处理...【详细内容】
2023-01-07  启辰8  今日头条  Tags:JavaScript   点击:(13)  评论:(0)  加入收藏
译者 | 涂承烨由于代码可见性低,使用Java脚本进行编码可能会很耗时。这里有12个优雅的JavaScript技巧,可以帮助你在2023年优化代码生成。JavaScript已经成为下一批开发人员中...【详细内容】
2023-01-06    51CTO  Tags:JavaScript   点击:(20)  评论:(0)  加入收藏
作为 Web 开发人员,我学会构建的第一批应用程序类型之一是待办事项列表。 这些简单但功能强大的工具使我们能够保持井井有条并专注于我们的任务,使它们成为任何希望提高工作...【详细内容】
2023-01-06  启辰8  今日头条  Tags:JavaScript   点击:(10)  评论:(0)  加入收藏
WebRTC vs WebSocket1.什么是WebRTC?WebRTC 是一组 JavaScript API,可以在两个浏览器之间建立点对点连接, 实现音频和视频等数据的传输,也可以用它创建有语音/视频通话功能的应...【详细内容】
2023-01-04  前端进阶  今日头条  Tags:WebRTC   点击:(29)  评论:(0)  加入收藏
JavaScript 是一种轻量级的解释型编程语言。它最初是为在网络浏览器中使用而开发的,但后来发现了其他用途,包括服务器端脚本、游戏开发、数据可视化和机器学习。JavaScript 是...【详细内容】
2023-01-03  游戏开发乔     Tags:JavaScript   点击:(22)  评论:(0)  加入收藏
有时候,我们需要知道当前网络的状态来做一些事情,以提升用户体验,这节课,我们来看一下,如何使用 JavaScript 来检测用户是否在线。检测连接状态我们可以利用navigator.onLine API...【详细内容】
2023-01-03  前端小智  今日头条  Tags:JavaScript   点击:(17)  评论:(0)  加入收藏
站内最新
站内热门
站内头条