美文网首页
2021-09-13-javascript - 数字字符串与数字

2021-09-13-javascript - 数字字符串与数字

作者: xiaojianxu | 来源:发表于2021-09-13 10:54 被阅读0次

1 调试代码:

var option = {
  'show' : true,
  'width': '80%'
};
if (typeof option['width'] != 'undeinfed' && option['width'] > 0) {
    modalobj.find('.modal-dialog').css('width', option['width']);
}

现象:发现即使设置了 width,仍然不生效。

多次调试后,才发现问题是 option['width'] > 0

option['width'] 取出来的 '80%' 是字符串(string),结果与整数一比较,就被转换为 0 了。

控制台运行代码,得到的结果

图片.png

总结:

数字字符串,与数字比较,会被转换为数字,如:'80' > 0 。

包含非数字的字符串,如:'80%'。与数字比较,如:'80%' > 0。
('80%',结果是 0 )

正则表达式:

var pattern = /^\d+[%|px]$/g;

var width_str = input_configure;

pattern.test(width_str); // 检测是否样式设置是否正确,符合则设置

相关文章

  • 2018-10-25

    字符串与数字: 数字与数字 字符串与boolean(真假类型) 字符串与字符串 数字与boolean(真假类型)

  • 2021-09-13-javascript - 数字字符串与数字

    1 调试代码: 现象:发现即使设置了 width,仍然不生效。 多次调试后,才发现问题是 option['widt...

  • 关于JavaScript的隐式转换

    一、 数字与数字之间的转换 1.字符串加数字,数字就会转成字符串。 2.数字减字符串,字符串转成数字。如果字符串不...

  • 2018-08-23

    三元运算符 数字与字符串的连接数字在前,字符串在后,那么数字先进行运算,再与字符串拼接字符串在前,数字在后,直接拼...

  • JS-数字型与字符串的快速转换

    前言 本文只讨论纯数字的数字型与字符串之间的快速转换! 一、数字型转字符串 二、字符串转数字型 谢谢阅读,有帮助的...

  • ACM中常见的小问题

    ①输出数字型字符串与直接输出数字的不同 "000123"用字符串输出为 000123,用数字输出为123.

  • JavaScript函数parseFloat的作用

    与parseInt()一样,parseFloat()也可以解析以数字开头的部分数字字符串(非数字部分字符串在转换过...

  • JS数据类型

    数据类型 数字与字符串 区别: 功能: 数字可以运算,但是字符串不可 JS中储存形式 数字:64位浮点数形式储存 ...

  • 数字和字符串相互转换

    数字转字符串 字符串转数字

  • linux shell中的比较符号与特殊符号介绍

    shell字符串比较、判断是否为数字 二元比较操作符,比较变量或者比较数字。注意数字与字符串的区别。 整数比较 -...

网友评论

      本文标题:2021-09-13-javascript - 数字字符串与数字

      本文链接:https://www.haomeiwen.com/subject/sqoxgltx.html