js数据类型的转换(si磕版)

2024-06-02 08:38
文章标签 数据类型 js 转换 si 磕版

本文主要是介绍js数据类型的转换(si磕版),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<script>//转换字符串//数据变量.toString()//string();var numstr = 100;console.log(numstr);//100var result = numstr.toString();console.log(typeof result);//stringvar str = 10.11;var result = String(str);console.log(typeof result);//stringconsole.log(result);//10.11var str = false;var result = String(str);console.log(typeof result);//stringconsole.log(result);//false//转数字/**  number(数据变量)*  parseInt() 转整数*  parseFloat() 转小数* */var str = '500';var result = Number(str);console.log(result);//500console.log(typeof result);//number/** 注意:如果是纯数字字符串,转换后会是对应的数值,如果数值中带有其他字母或者特殊字符使用Number()转换将会得到NaN* *///后面带字母的 变成NANvar str = '100.111a';console.log('Number()方法后面带字母的'+str);//Number()方法后面带字母的100.111avar result = Number(str);console.log(result);//NaNconsole.log(typeof result);//number//前面带字母的 变成NANvar str = 'aaa200.111';console.log('Number()方法前面带字母的'+str);//Number()方法前面带字母的aaa200.111var result = Number(str);console.log(result);//NaNconsole.log(typeof result);//number//前面带特殊字符的 变成NANvar str = '@300.111';console.log('Number()方法前面带特殊字符的'+str);//Number前面()方法带特殊字符的@300.111var result = Number(str);console.log(result);//NaNconsole.log(typeof result);//number/** 注意:如果是纯数字字符串,转换后会是对应的数值,如果数值中带有其他字母或者特殊字符使用Number()转换将会得到NaN* 当前第一位是 + - 号除外 被当成 正数  和 负数  其它位置仍然被视为特殊符号* *///前面带+的 被视为正数 -号同理 被视为负数var str = '+400.111';console.log('Number()方法前面带+的 被视为正数 -号同理 被视为负数'+str);//前面带+的 被视为正数 -号同理 被视为负数+400.111var result = Number(str);console.log(result);//400.111console.log(typeof result);//number//后面带+的 被视为特殊符号 变成NAN  减号同理 被视为特殊符号var str = '400.111+';console.log('Number()方法后面带+的 被视为特殊符号 变成NAN  减号同理 被视为特殊符号'+str);//Number()方法后面带+的 被视为特殊符号 变成NAN  减号同理 被视为特殊符号+400.111var result = Number(str);console.log(result);//NANconsole.log(typeof result);//number//中间带+的 被视为特殊符号 变成NAN 减号同理 被视为特殊符号var str = '999+00.111';console.log('Number()方法中间带+的 被视为特殊符号 变成NAN 减号同理 被视为特殊符号'+str);//Number()方法中间带+的 被视为特殊符号 变成NAN 减号同理 被视为特殊符号999+00.111var result = Number(str);console.log(result);//NANconsole.log(typeof result);//number//中间带*的 被视为特殊符号 变成NAN  /号同理 被视为特殊符号var str = '*600.111';console.log('Number()方法前面带*的被视为特殊符号/号同理 被视为特殊符号'+str);//Number()方法前面带*的被视为特殊符号/号同理 被视为特殊符号*600.111var result = Number(str);console.log(result);//NaNconsole.log(typeof result);//number/** parseInt转换为整数  数字后面的符号或者字母 一律自动舍弃* 小数后的也被舍弃* 前面带字母的 和  Number()一样 转换将会得到NaN* 当前第一位是 + - 号除外 被当成 正数  和 负数  其它位置仍然被视为特殊符号 从数字开始后的都被舍弃* *///第一个不为数字的起 后面的字母小数 特殊符号全部舍弃var str = '100.11efs';console.log('parseInt()方法后面带字母的,后面的字母小数 特殊符号全部舍弃'+str);//parseInt()方法后面带字母的,后面的字母小数 特殊符号全部舍弃100.11efsvar result = parseInt(str);console.log(result);//100console.log(typeof result);//number//第一个不为数字的 转换NANvar str = 'aa800.11efs';console.log('parseInt()方法前面带字母的,第一个不为数字的 转换NAN的'+str);//parseInt()方法前面带字母的,第一个不为数字的 转换NAN的aa800.11efsvar result = parseInt(str);console.log(result);//NANconsole.log(typeof result);//number//第一个不为数字但是是-号 视为负数 加号同理var str = '-1100.11efs';console.log('parseInt()方法前面带-的视为负数加号同理视为正数'+str);//parseInt()方法前面带-的视为负数加号同理视为正数-1100.11efsvar result = parseInt(str);console.log(result);//-1100console.log(typeof result);//number//从不是数字开始后的都被舍弃var str = '1-100.11efs';console.log('parseInt()方法中间带-的,从不是数字开始后的都被舍弃'+str);//parseInt()方法中间带-的,从不是数字开始后的都被舍弃1-100.11efsvar result = parseInt(str);console.log(result);//1console.log(typeof result);//number//从不是数字开始后的都被舍弃var str = '10-0.11xaz';console.log('parseFloat()方法中间带-的,从不是数字开始后的都被舍弃'+str);//parseFloat()方法中间带-的,从不是数字开始后的都被舍弃100.11xazvar result = parseFloat(str);console.log(result);//100.11console.log(typeof result);//number//自动数据类型转换//字符串和整型没有办法自动运算。因为+代表字符串的连接符var number = 10;var str = '10';result = number + str;console.log('字符串和整型没有办法自动运算。因为+代表字符串的连接符'+result);//字符串和整型没有办法自动运算。因为+代表字符串的连接符1010var number = 11;var float = 11.11;result = number + float;console.log(result);//22.11var number = 11;var bool = true;result = number + bool;console.log(result);//12//面试题 数字遇到字符串 +号就变成连接符 并且后面的都被认为是连接符var a = 1.2 + 1 + "1" +1;console.log('数字遇到字符串 +号就变成连接符 并且后面的都被认为是连接符'+a);//数字遇到字符串 +号就变成连接符 并且后面的都被认为是连接符2.211if(31>5){console.log('真真大啊');}else{console.log('好笑呀');}</script>
</body>
</html>

在这里插入图片描述

这篇关于js数据类型的转换(si磕版)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1023476

相关文章

Java controller接口出入参时间序列化转换操作方法(两种)

《Javacontroller接口出入参时间序列化转换操作方法(两种)》:本文主要介绍Javacontroller接口出入参时间序列化转换操作方法,本文给大家列举两种简单方法,感兴趣的朋友一起看... 目录方式一、使用注解方式二、统一配置场景:在controller编写的接口,在前后端交互过程中一般都会涉及

Java对象转换的实现方式汇总

《Java对象转换的实现方式汇总》:本文主要介绍Java对象转换的多种实现方式,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录Java对象转换的多种实现方式1. 手动映射(Manual Mapping)2. Builder模式3. 工具类辅助映

python实现svg图片转换为png和gif

《python实现svg图片转换为png和gif》这篇文章主要为大家详细介绍了python如何实现将svg图片格式转换为png和gif,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录python实现svg图片转换为png和gifpython实现图片格式之间的相互转换延展:基于Py

C#实现将Excel表格转换为图片(JPG/ PNG)

《C#实现将Excel表格转换为图片(JPG/PNG)》Excel表格可能会因为不同设备或字体缺失等问题,导致格式错乱或数据显示异常,转换为图片后,能确保数据的排版等保持一致,下面我们看看如何使用C... 目录通过C# 转换Excel工作表到图片通过C# 转换指定单元格区域到图片知识扩展C# 将 Excel

C++使用printf语句实现进制转换的示例代码

《C++使用printf语句实现进制转换的示例代码》在C语言中,printf函数可以直接实现部分进制转换功能,通过格式说明符(formatspecifier)快速输出不同进制的数值,下面给大家分享C+... 目录一、printf 原生支持的进制转换1. 十进制、八进制、十六进制转换2. 显示进制前缀3. 指

JS+HTML实现在线图片水印添加工具

《JS+HTML实现在线图片水印添加工具》在社交媒体和内容创作日益频繁的今天,如何保护原创内容、展示品牌身份成了一个不得不面对的问题,本文将实现一个完全基于HTML+CSS构建的现代化图片水印在线工具... 目录概述功能亮点使用方法技术解析延伸思考运行效果项目源码下载总结概述在社交媒体和内容创作日益频繁的

Node.js 数据库 CRUD 项目示例详解(完美解决方案)

《Node.js数据库CRUD项目示例详解(完美解决方案)》:本文主要介绍Node.js数据库CRUD项目示例详解(完美解决方案),本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考... 目录项目结构1. 初始化项目2. 配置数据库连接 (config/db.js)3. 创建模型 (models/

使用Python开发一个带EPUB转换功能的Markdown编辑器

《使用Python开发一个带EPUB转换功能的Markdown编辑器》Markdown因其简单易用和强大的格式支持,成为了写作者、开发者及内容创作者的首选格式,本文将通过Python开发一个Markd... 目录应用概览代码结构与核心组件1. 初始化与布局 (__init__)2. 工具栏 (setup_t

使用Node.js制作图片上传服务的详细教程

《使用Node.js制作图片上传服务的详细教程》在现代Web应用开发中,图片上传是一项常见且重要的功能,借助Node.js强大的生态系统,我们可以轻松搭建高效的图片上传服务,本文将深入探讨如何使用No... 目录准备工作搭建 Express 服务器配置 multer 进行图片上传处理图片上传请求完整代码示例

Java中Date、LocalDate、LocalDateTime、LocalTime、时间戳之间的相互转换代码

《Java中Date、LocalDate、LocalDateTime、LocalTime、时间戳之间的相互转换代码》:本文主要介绍Java中日期时间转换的多种方法,包括将Date转换为LocalD... 目录一、Date转LocalDateTime二、Date转LocalDate三、LocalDateTim