12-----JS基础-----强制类型转换-Number

最新推荐文章于 2023-12-12 11:21:59 发布
最新推荐文章于 2023-12-12 11:21:59 发布
阅读量91 收藏
点赞数
分类专栏： JavaScript学习笔记 文章标签： javascript 前端 es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44517656/article/details/121257550
版权

一 代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
		
			/*
			 * 1. 将其他的数据类型转换为Number
			 * 	 转换方式一：
			 * 		使用Number()函数
			 * 			- 字符串 --> 数字
			 * 				1.如果是纯数字的字符串，则直接将其转换为数字
			 * 				2.如果字符串中有非数字的内容，则转换为NaN
			 * 				3.如果字符串是一个空串或者是一个全是空格的字符串，则转换为0
			 * 			- 布尔 --> 数字
			 * 				true 转成 1
			 * 				false 转成 0
			 * 
			 * 			- null --> 数字     0
			 * 
			 * 			- undefined --> 数字 NaN
			 * 
			 * 转换方式二：
			 * 		- 这种方式专门用来对付字符串
			 * 		- parseInt() 把一个字符串转换为一个整数
			 * 		- parseFloat() 把一个字符串转换为一个浮点数
			 * 			注意：如果对非String使用parseInt()或parseFloat()，
			 * 					它会先将其转换为String然后在操作，因为它们的参数就是String类型。
			 */
			
			 // 测试方式一
			var a = "123";
			
			//调用Number()函数来将a转换为Number类型
			a = Number(a);
			console.log(typeof a);	// number
			console.log(a);			// 123
			
			a = false;
			a = Number(a);
			console.log(typeof a);	// number
			console.log(a);			// 0
			
			a = null;
			a = Number(a);
			console.log(typeof a);	// number
			console.log(a);			// 0
			
			a = undefined;
			a = Number(a);
			console.log(typeof a);	// number
			console.log(a);			// NaN
			

			// 测试方式二
			a = "123567a567px";
			//调用parseInt()函数将a转换为Number
			/*
			 * parseInt()可以将一个字符串中的有效的整数内容取出来，
			 *	然后转换为Number。例如"123.12"则返回123
			 * 	
			 */
			a = parseInt(a);
			console.log(typeof a);	// number
			console.log(a);			// 1234567
			
			/*
			 * parseFloat()作用和parseInt()类似，不同的是它可以获得有效的小数
			 */
			a = "123.456.789px";
			a = parseFloat(a);
			console.log(typeof a);	// number
			console.log(a);			// 123.456
		
			console.log("=====================");

			/*
			 * 如果对非String使用parseInt()或parseFloat()
			 * 	它会先将其转换为String然后在操作
			 */
			a = true;
			a = parseInt(a);
			console.log(typeof a);	// number
			console.log(a);			// NaN
			
			a = null;
			a = parseInt(a);
			console.log(typeof a);	// number
			console.log(a);			// NaN
			
			a = undefined;
			a = parseInt(a);
			console.log(typeof a);	// number
			console.log(a);			// NaN

			a = true;
			a = parseFloat(a);
			console.log(typeof a);	// number
			console.log(a);			// NaN

			a = null;
			a = parseFloat(a);
			console.log(typeof a);	// number
			console.log(a);			// NaN

			a = undefined;
			a = parseFloat(a);
			console.log(typeof a);	// number
			console.log(a);			// NaN
			
			
		</script>
	</head>
	<body>
	</body>
</html>

二 结果

在这里插入图片描述

Mango酱
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
TypeScript学习之强制类型的转换
11-30
前言 使用强类型变量常常需要从一种类型向另一种类型转换,通常使用ToString或ParseInt可以来实现一些简单的转换,但是有时候需要像.NET语言中那样将一种类型显示的转换为另一种类型,在TypeScript规范中,被称为”类型断言”,它仍然是类型转换,只是语法是有些不同。下面来详细看看TypeScript的强制类型转换。 TypeScript强制类型转换 在 TypeScript 中将一个 number 转换成 string ，这样做会报错： var a:number = 12345; var b:string = <string> a; // laygroundSingle.ts(
TS中string转化为number
HifunのZone
04-18 3万+
在TypeScript，String转换为Number有以下方式： Number构造函数（推荐） let n = Number('1234') // ---> 1234 let nan = Number('abcd') // ---> NaN +号操作符 let n = +'1234' // ---> 1234 let nan = +'abcd' /...
javascript数据类型转换number
anqi0517的博客
01-21 272
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script type="text/javascript">...
TypeScript的string类型和number类型相互转换
weixin_45675956的博客
10-26 1万+
TypeScript的string类型和number类型相互转换TS如何将string类型转换为number类型TS如何将number类型转换为string类型 TS如何将string类型转换为number类型 str: string = '666'; num: number = 123; num = Number(str); console.log(num); // 666 TS如何将number类型转换为string类型 num1: number = 666; str1: string =
Typescript中将字符串转为数值有哪些方法？
金木编程
08-16 2556
需要注意的是，这些方法在转换时会根据字符串的内容转换为整数或浮点数，如果字符串不能被正确解析为数值，会返回 NaN（Not-a-Number）。在使用 parseInt() 时，建议总是指定进制参数，例如使用 parseInt(input, 10) 来确保按十进制解析。在TypeScript中，将字符串转换为数值（即字符串到数字的类型转换）有几种方法。记得在实际应用中，对于用户输入的字符串，需要进行适当的错误处理，以防止无效的转换导致意外错误。
javascript-weird-parts:了解JavaScript的怪异部分
04-29
5. **动态类型与强制类型转换** - JavaScript是动态类型语言，变量可以随时改变类型。但某些操作（如比较运算符）会导致隐式类型转换，这可能导致预期之外的结果。 - **Number(), String(), Boolean()**：这些函数...
H5-Chapter2-语言基础
03-04
3. **非 `Null`、非 `Undefined` 类型转换为字符串**： - 使用 `toString()` 方法。 4. **`Null`、`Undefined` 类型转换为字符串**： - 使用 `String(参数)`。 5. **数值转换为字符串**： - 使用 `toFixed(小数...
WT-JS修，无意义1111
最新发布
03-08
10. **类型转换**：JavaScript会自动进行类型转换，但有时需要手动转换，如`Number()`、`String()`、`Boolean()`等函数用于强制转换数据类型。 以上是JavaScript的一些基础知识点，涵盖了许多实际开发中会遇到的...
js代码-处理返回的数据类型，自动转换
07-15
3. 强制类型转换： - `Number()`: 转换为数字，字符串会尝试转换成数值，非数字字符串则返回NaN。 - `String()`: 把任何值转换为字符串，对象会调用它的`toString()`方法。 - `Boolean()`: 把任何值转换为布尔...
js代码-设置与获取类型
07-14
- 强制类型转换：JavaScript允许我们隐式或显式地转换变量的类型。例如，使用 `+` 运算符将字符串与数字相加，可以将字符串转换为数字。显式转换包括 `Number(value)`、`parseInt(value, radix)` 和 `parseFloat...
ts中的强制类型转换
前端精髓
04-03 1万+
先看一个例子： type T = { title: string } type U = { color: string } let result = <T&U>{} result.title = '北京' result.color = 'red' 如果我们写了一个空对象，需要给这个对象添加属性，这个时候是会报错的： let result = {} // 报错：提示不存的属性 result.title = '北京' 这个时候我们需要进行强制类型转换： type T = {
4.1、数据 强制类型转换 与 隐式类型转换
qq_42925657的博客
03-31 1368
前言 狄泰软件唐老师的个人学习笔记 数据类型转换分为 强制类型转换 隐式类型转换 1、强制类型转换： 转换后的结果： 目标类型能够容纳目标值，结果不变 目标类型不能容纳目标值，结果将产生截断 实验： #include <stdio.h> struct TS { int i; int j; }ts; int main() { short s = 0x1122; //short两个字节 char c = (char)s; int i = (int)s; int j =
TypeScript将字符串转换为数字
CHCH998的博客
04-16 6345
Anyone a suggestion on how to convert a string to a number in TypeScript? 有人建议如何将字符串转换为TypeScript中的
JS中，将其他类型转换为number的四种方法
qq_45240701的博客
06-17 2万+
JS中，有四种基本数据类型string、number、Boolean、undefined，以及一种引用类型object。 将其他数据类型转换为number一共有四种方法，分别是： 第一种方法：使用Number()函数 转化代码如下 <script type="text/javascript"> var a = true; a = Number(a); conso...
TypeScript转型警告：从string 到number的正确转换方法
andy_68147772的博客
12-12 1137
在 TypeScript 中，如果你确定需要进行这种类型转换，并且知道在运行时你的代码不会因为类型错误而出现问题，你可以使用类型断言来告诉编译器你知道自己在做什么。类型断言可以用来覆盖 TypeScript 的类型推断，但是它不会在运行时改变变量的实际类型。类型，但是 TypeScript 编译器无法保证这种转换是安全的，因为。，那么在运行时你的代码将会出错。更安全的做法是先检查。类型，但是你确定在某个上下文中它是一个可以转换为。但是，这种做法是危险的，因为如果。例如，如果你有一个变量。
ts-number 类型的常用操作
auccy的博客
09-12 290
ts-number 类型的常用操作
typescript (简写Ts)
lwg112233的博客
10-11 734
1.在终端下载2个包 ts包： npm install -g typescript ts-node包：npm install -g ts-node 安装好这个两个包之后，使用 ts-node 命令运行文件可能会报错，无法执行 需要安装 npm install -D tslib @types/node 2.使用 执行tsc 作用就是把ts编译成js ...
JS中的数据类型转换：String转换成Number的3种方法
qq_24601279的博客
01-22 1万+
JavaScript中，可以通过以下3种方法来将string值转换成number： 1.调用Number()来对string进行值类型转换。 2.parseInt()。 3.parseFloat()。 Number(string) 使用Number()函数来对string进行强制类型转换是最直接的做法。不过，这种做法有一个局限性：如果字符串截去开头和结尾的空白字符后，不是纯数字字符串，那么最终返回...
在 JavaScript 中将字符串转换为数字的 7 种方法
热门推荐
allway2的博客
05-24 14万+
1. 使用 parseInt() parseInt()解析一个字符串并返回一个整数。允许空格。仅返回第一个数字。 这种方法虽然有一个限制。如果您解析十进制数，它将四舍五入到最接近的整数值，并将该值转换为string。可能需要使用parseFloat()方法进行文字转换。 myString = '129' console.log(parseInt(myString)) // expected result: 129 a = 12.22 console.log(parseInt(a)) // exp
v-model.number
05-13
在Vue.js中，v-model是一个指令，用于在表单元素（如<input>、<textarea>和<select>）上创建双向数据绑定。v-model.number是v-model指令的一个变体，它将输入值强制转换为数字类型。这对于需要在表单中处理数字的应用程序非常有用。例如，如果您有一个输入框，用户需要输入一个数字，您可以使用v-model.number来确保输入值始终是数字类型，而不是字符串类型。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值