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

相关文章

Python 常用数据类型详解之字符串、列表、字典操作方法

《Python常用数据类型详解之字符串、列表、字典操作方法》在Python中,字符串、列表和字典是最常用的数据类型,它们在数据处理、程序设计和算法实现中扮演着重要角色,接下来通过本文给大家介绍这三种... 目录一、字符串(String)(一)创建字符串(二)字符串操作1. 字符串连接2. 字符串重复3. 字

JS纯前端实现浏览器语音播报、朗读功能的完整代码

《JS纯前端实现浏览器语音播报、朗读功能的完整代码》在现代互联网的发展中,语音技术正逐渐成为改变用户体验的重要一环,下面:本文主要介绍JS纯前端实现浏览器语音播报、朗读功能的相关资料,文中通过代码... 目录一、朗读单条文本:① 语音自选参数,按钮控制语音:② 效果图:二、朗读多条文本:① 语音有默认值:②

在Node.js中使用.env文件管理环境变量的全过程

《在Node.js中使用.env文件管理环境变量的全过程》Node.js应用程序通常依赖于环境变量来管理敏感信息或配置设置,.env文件已经成为一种流行的本地管理这些变量的方法,本文将探讨.env文件... 目录引言为什么使php用 .env 文件 ?如何在 Node.js 中使用 .env 文件最佳实践引

Java轻松实现PDF转换为PDF/A的示例代码

《Java轻松实现PDF转换为PDF/A的示例代码》本文将深入探讨Java环境下,如何利用专业工具将PDF转换为PDF/A格式,为数字文档的永续保存提供可靠方案,文中的示例代码讲解详细,感兴趣的小伙伴... 目录为什么需要将PDF转换为PDF/A使用Spire.PDF for Java进行转换前的准备通过

使用Node.js和PostgreSQL构建数据库应用

《使用Node.js和PostgreSQL构建数据库应用》PostgreSQL是一个功能强大的开源关系型数据库,而Node.js是构建高效网络应用的理想平台,结合这两个技术,我们可以创建出色的数据驱动... 目录初始化项目与安装依赖建立数据库连接执行CRUD操作查询数据插入数据更新数据删除数据完整示例与最佳

使用Python批量将.ncm格式的音频文件转换为.mp3格式的实战详解

《使用Python批量将.ncm格式的音频文件转换为.mp3格式的实战详解》本文详细介绍了如何使用Python通过ncmdump工具批量将.ncm音频转换为.mp3的步骤,包括安装、配置ffmpeg环... 目录1. 前言2. 安装 ncmdump3. 实现 .ncm 转 .mp34. 执行过程5. 执行结

Java实现将HTML文件与字符串转换为图片

《Java实现将HTML文件与字符串转换为图片》在Java开发中,我们经常会遇到将HTML内容转换为图片的需求,本文小编就来和大家详细讲讲如何使用FreeSpire.DocforJava库来实现这一功... 目录前言核心实现:html 转图片完整代码场景 1:转换本地 HTML 文件为图片场景 2:转换 H

Three.js构建一个 3D 商品展示空间完整实战项目

《Three.js构建一个3D商品展示空间完整实战项目》Three.js是一个强大的JavaScript库,专用于在Web浏览器中创建3D图形,:本文主要介绍Three.js构建一个3D商品展... 目录引言项目核心技术1. 项目架构与资源组织2. 多模型切换、交互热点绑定3. 移动端适配与帧率优化4. 可

Python中Json和其他类型相互转换的实现示例

《Python中Json和其他类型相互转换的实现示例》本文介绍了在Python中使用json模块实现json数据与dict、object之间的高效转换,包括loads(),load(),dumps()... 项目中经常会用到json格式转为object对象、dict字典格式等。在此做个记录,方便后续用到该方

使用Java读取本地文件并转换为MultipartFile对象的方法

《使用Java读取本地文件并转换为MultipartFile对象的方法》在许多JavaWeb应用中,我们经常会遇到将本地文件上传至服务器或其他系统的需求,在这种场景下,MultipartFile对象非... 目录1. 基本需求2. 自定义 MultipartFile 类3. 实现代码4. 代码解析5. 自定