Vue中Number方法将字符串转换为数字的过程

 更新时间:2023年06月07日 09:19:38   作者:小蚂蚁hjk  
这篇文章主要介绍了Vue中Number方法将字符串转换为数字,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

写法:Number(变量名)。例如:

var a="100";   //字符串
alert(Number(a)+100);   //结果是200

具体情况:

1、如果字符串前面带有0或者其他符号,JS自动忽略

例如:

var a="000100";
alert(Number(a));   //结果是100
var b="+100";
alert(Number(b));   //结果是100

2、如果字符串是空的或空格,会转换成0

例如:

var a="";
alert(Number(a));    //结果是0

3、如果是true转换为1,false转换为0

例如:

var a=true;
alert(Number(a));   //结果是1
var b=false;
alert(Number(b));   //结果是0

4、如果是函数、对象、json、undefined,则转换为NAN,表示转不了

5、如果是数组

①空数组,则转换为0

例如:

var a=[""];
alert(Number(a));   //结果是0

②如果数组有内容转换为相应的内容,不能太多,只能转换一个。如果数组包含多个元素,则结果为NAN

例如:

var a=[1]
alert(Number(a));  //结果是1
var b=[1,2]
alert(Number(b));  //结果是NAN

6、如果是null,则转换为0

到此这篇关于Vue中Number方法将字符串转换为数字的文章就介绍到这了,更多相关vue字符串转换数字内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • vue打包之后的dist文件如何运行

    vue打包之后的dist文件如何运行

    我们知道使用webpack打包vue项目后会生成一个dist文件夹,dist文件夹下有html文件和其他css、js以及图片等,那么打包后的文件该如何正确运行呢?这篇文章主要给大家介绍了关于vue打包之后的dist文件如何运行的相关资料,需要的朋友可以参考下
    2023-05-05
  • vue-router路由模式详解(小结)

    vue-router路由模式详解(小结)

    这篇文章主要介绍了vue-router路由模式详解(小结),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-08-08
  • Vue.js实现图片切换功能

    Vue.js实现图片切换功能

    这篇文章主要为大家详细介绍了Vue.js实现图片切换功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-06-06
  • Vue图片放大镜组件的封装使用详解

    Vue图片放大镜组件的封装使用详解

    这篇文章主要为大家详细介绍了Vue图片放大镜组件的封装,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-08-08
  • vue在antDesign框架或elementUI框架组件native事件中触发2次问题

    vue在antDesign框架或elementUI框架组件native事件中触发2次问题

    这篇文章主要介绍了vue在antDesign框架或elementUI框架组件native事件中触发2次问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-04-04
  • 详解vue+vuex+koa2开发环境搭建及示例开发

    详解vue+vuex+koa2开发环境搭建及示例开发

    本篇文章主要介绍了详解vue + vuex + koa2开发环境搭建及示例开发,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-01-01
  • Vue路由vue-router用法讲解

    Vue路由vue-router用法讲解

    这篇文章介绍了Vue路由vue-router的用法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-01-01
  • vue+element upload上传带参数的实例

    vue+element upload上传带参数的实例

    这篇文章主要介绍了vue+element upload上传带参数的实例,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-04-04
  • vue-print-nb实现页面打印功能实例(含分页打印)

    vue-print-nb实现页面打印功能实例(含分页打印)

    在项目中,有时需要打印页面的表格,在网上找了一个打印组件vue-print-nb,用了还不错,所以下面这篇文章主要给大家介绍了关于vue-print-nb实现页面打印功能的相关资料,需要的朋友可以参考下
    2022-08-08
  • vue项目中v-model父子组件通信的实现详解

    vue项目中v-model父子组件通信的实现详解

    vue.js,是一个构建数据驱动的 web 界面的库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。下面这篇文章主要给大家介绍了关于vue项目中v-model父子组件通信实现的相关资料,需要的朋友可以参考下。
    2017-12-12

最新评论