js将字符串转换成数字的四种方法

article/2025/9/18 20:44:55

方法主要有四种
1转换函数、2强制类型转换、3利用js变量弱类型转换、4在字符串前面添加个+

1.转换函数
js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数,后者把值转换成浮点数。只有对String类型调用这些方法,这两个函数才能正确运行;对其他类型返回的都是NaN(Not a Number)

parseInt("1234blue"); //returns 1234
parseInt("0xA"); //returns 10
parseInt("22.5"); //returns 22
parseInt("blue"); //returns NaN

2.强制类型转换
还可使用强制类型转换(type casting)处理转换值的类型。使用强制类型转换可以访问特定的值,即使它是另一种类型的。
ECMAScript中可用的3种强制类型转换如下:
Boolean(value)——把给定的值转换成Boolean型;
Number(value)——把给定的值转换成数字(可以是整数或浮点数);
String(value)——把给定的值转换成字符串。

用  法 结  果
Number(false) 0
Number(true) 1
Number(undefined) NaN
Number(null) 0
Number( "5.5 ") 5.5
Number( "56 ") 56
Number( "5.6.7 ") NaN
Number(new Object()) NaN
Number(100) 100

Number()的强制类型转换与parseInt()和parseFloat()方法的处理方式相似,只是它转换的是整个值,而不是部分值。

3. 利用js变量弱类型转换
举个小例子,一看,就会明白了。

复制代码 代码如下:

<script>
var str= '012.345 ';
var x = str-0;
x = x*1;
</script>

上例利用了js的弱类型的特点,只进行了算术运算,实现了字符串到数字的类型转换,不过这个方法还是不推荐的

4. 在字符串前面添加个+
在这里插入图片描述


http://chatgpt.dhexx.cn/article/kqJAF1JR.shtml

相关文章

React使用jsbarcode条形码插件

今天来记录一下jsbarcode条形码使用方法&#xff0c;希望能给有需要的同学一些帮助&#xff0c;当然也是为了方便自己&#xff0c;哈哈哈&#xff5e;&#xff5e; 既然是插件&#xff0c;当然是要先安装喽&#xff0c;命令走起&#xff5e; npm install jsbarcode --save我这…

js生成条形码——JsBarcode

原文地址&#xff1a;https://www.cnblogs.com/huangenai/p/6347607.html 介绍一下在GitHub生成条形码的js插件→JsBarcode 条码支持的有: CODE128 CODE128 (自动模式切换) CODE128 A/B/C (强制模式)EAN EAN-13 EAN-8 EAN-5 EAN-2 UPC (A)CODE39ITF-14MSI MSI10 MSI11…

vue 项目中生成条形码(jsbarcode)

条形码插件介绍和使用 安装&#xff1a; cnpm install jsbarcode --save引入&#xff1a;在要生成条形码的页面引入即可 import JsBarcode from jsbarcode3.二维码容器&#xff1a;支持三种形式&#xff0c;img/svg/canvas&#xff0c;根据自己的需要三选一即可 <svg id&…

Vue生成条形码jsbarcode

生成条形码 安装依赖效果图展示代码jsbarcode的使用 安装依赖 npm install jsbarcode --save 效果图展示 代码 页面允许的条形码容器有三种&#xff1a;canvas、svg、img <img id"barcode" />语法&#xff1a; JsBarcode(‘元素选择器’,‘格式化文本’,选项);…

JS生成条形码/二维码 barcode.js、JsBarcode

JS生成条形码/二维码 barcode、JsBarcode JsBarcodeBarcode.js以下代码均非纯原创。新手小白。网上一搜一大把的概念也不写了,直接上可运行的代码及遇到的小坑。 JsBarcode 有github,开源,github里也有xx.min.js文件,不用在别处花代币下。 JsBarcode-github:https://gith…

Vue使用JsBarcode生成条形码

一、简介 非常实用的一个工具&#xff0c;几行代码帮助我们生成条形码。 官网&#xff1a;https://lindell.me/JsBarcode/ 二、使用 1、安装 npm install jsbarcode --save2、引入项目中 import JsBarcode from "jsbarcode"3、使用 JsBarcode("#barcode&q…

vue 条形码--JsBarcode

介绍一下在GitHub生成条形码的js插件→JsBarcode npm install jsbarcode npm install canvas var JsBarcode require(jsbarcode); var Canvas require("canvas"); var canvas new Canvas(); JsBarcode(canvas, "Hello"); 条码支持的有: CODE128 CODE1…

生成条形码(jsbarcode、vue-barcode)

目录 一、jsbarcode生成条形码: 用于生成条形码的js库&#xff0c;支持浏览器和node.js二、vue-barcode生成条形码&#xff1a; 是对Jsbarcode条码库的简单包装 一、jsbarcode生成条形码: 用于生成条形码的js库&#xff0c;支持浏览器和node.js 1、安装引用 ① 可以通过scrip…

js 生成二维码(qrcodejs)

前言 最近根据自己的需求寻找到了一款简单易用的生成二维码插件&#xff0c;特此分享 一、使用步骤 1.下载插件 npm i qrcodejs2或yarn add qrcodejs2 二、vue 中使用 1. vue 2 <template><div><div ref"qrcodeDom"></div><butto…

VUE中:printJS使用,附带JsBarcode条码生成器,网页转图片html2canvas,base64上传保存处理,二维码生成库qrcode,二维码/条码扫描识别,domtoimage

官网 JsBarcode官网 JsBarcode的GitHub-WIKI 我的项目需求只需要将配置好的HTML与CSS样式传入进去就好&#xff0c;较为简单。 九个月后html2canvas出现线上问题 设置了跨域但依然出现跨域问题&#xff0c;尝试解决失败&#xff0c;换用domtoimage 安装&#xff1a; npm inst…

JsBarcode:JS条形码生成

Jquery 下载地址&#xff1a;http://www.jq22.com/jquery-info122 JsBarcode 下载地址&#xff1a;http://www.jq22.com/jquery-info15657 <!DOCTYPE html> <html > <head> <meta charset"UTF-8"> <title>JS生成条形码</title&g…

JsBarcode 安装、使用、生成条形码的容器 及 参数配置options。 还存在的问题:条形码总体的宽度设置问题

JsBarcode目录 实现的效果&#xff1a;自己写的代码&#xff1a;一、JsBarcode介绍[JsBarcode 官网](https://lindell.me/JsBarcode/) 二、JsBarcode安装三、页面引入使用四、存在的问题&#xff1a;1、条形码总体的宽度&#xff0c;我现在只有调节每条的宽度来调节&#xff1b…

JS 生成条形码(一维码)jsBarcode

jsBarcode 官网 一、安装 script 引入 <script src"JsBarcode.all.min.js"></script>地址&#xff1a;https://cdn.jsdelivr.net/npm/jsbarcode3.11.5/dist/JsBarcode.all.min.js 也可以进官网查看地址。 npm方式 安装&#xff1a; npm install jsb…

Linux 综合性命令及解析

强大命令 一、top – 实时显示系统运行状态二、htop & btop – 互动的进程查看器三、vmstat – 显示虚拟内存状态四、dstat – 全能系统信息统计工具五、glances – 高层次的多子系统概览六、sar – 系统运行状态统计七、du的替代&#xff1a;ncdu八、用sed/grep查找JSON数…

有哪些优秀的科学网站和科研软件推荐给研究生?

ljthyd &#xff0c;食品科学博士&#xff0c;粮食加工 2032 人赞同 写几个常见的我觉得挺好的网站及软件&#xff0c;也不知道你什么学科&#xff0c;就写一些所有学科基本都用得到的吧。 1、小木虫论坛&#xff08; 小木虫论坛 - 学术科研第一站&#xff09;及其APP 这个论坛…

Ubuntu16.04 oh_my_zsh 安装与配置

参考文章 Ubuntu上使终端显示Git分支(oh-my-zsh) oh-my-zsh的安装与基本配置 Ubuntu 下安装oh-my-zsh 前言 之前学习Laravel的时候&#xff0c;经常要切换git分支&#xff0c;然而现有的shell里面不显示分支状态总是要用git st&#xff0c;git br -a显得很是麻烦&#xff0c;于…

二进制正负数转换和移位的规则详解

1、转换规则 二进制整数都是以补码的形式出现的 正数的原码、反码、补码都相同 负数的反码就是正数的原码先把最高位变为1然后其余的位取反 负数的补码就是该负数的反码加1。 2、二进制的移位规则 <<和>> 二进制数&#xff0c;在向右移1位近似表示除以2&#x…

二进制转换是十进制负数处理

二进制转换成十进制&#xff0c;最高位是符号位&#xff0c; 0表示正 1负数 负数求值&#xff1a;反码 在加1 如1111 1111 1001 0100的十进制实际值 反码 0000 0000 0110 1011 在加1 实际值是108 如图&#xff1a;

python小技巧:求32位二进制负数的补码,附剑指offer中的应用

实现方法&#xff1a; 先上操作&#xff0c;python里面的负数直接将其和 0xffffffff 进行 与&#xff08;&&#xff09; 操作即可得到其补码&#xff1a; def func(n):if n<0:nn&0xffffffff #这个是python里面的&#xff0c;python和别的语言存储负数的格式有点区…

android 16进制负数转化,十进制负数转换为二进制、八进制、十六进制的知识分享...

程序猿们或许对二进制都不陌生,二进制是计算技术中广泛采用的一种数制。二进制数据是用0和1两个数码来表示的数。但是很多人都会将二进制转换成整数,但是如何用二进制表示负数呢?有的人会说,在二进制前面加个负数符合。而计算机只能认识0 和 1,又怎么去加个额外的负数符号…