Javascript中字符串和数字的操作方法整理

 更新时间:2017年1月26日 10:00  点击:1507

1、length – 返回字符串的长度

‘abcd'.length; //4 

2、Math.ceil(num) – 向上取整,不管小数点后面是多少,哪怕.00001,也会向上进一位。

Math.ceil(25.9); //26 
Math.ceil(25.5); //26 
Math.ceil(25.1); //26 

3、Math.floor(num) – 向下取整,不管小数点后面是多少,哪怕.99999,也会向下减一位。

Math.floor(25.9); //25 
Math.floor(25.5); //25 
Math.floor(25.1); //25 

4、Math.round(num) – 四舍五入。

Math.round(25.9); //26 
Math.round(25.5); //26 
Math.round(25.1); //25 

5、Math.abs(num) – 返回数的绝对值。

Math.abs(-10); // 10 
Math.abs(10); // 10 
Math.abs(-10.5); // 10.5 

6、Math.max(n,n1,n2) – 可返回指定的数中最大的那个数[在 ECMASCript v3 之前,该方法只有两个参数]。

Math.max(1,32,4,5,6,7,87) //87 

7、Math.min(n,n1,n2) – 可返回指定的数中最小的那个数[在 ECMASCript v3 之前,该方法只有两个参数]。

Math.max(1,32,4,5,6,7,87) //1 

8、Math.random() – 随机数,如返回指定数字之间的随机数,公式是:Math.random()*(y-x) + x

//返回0-1之间的随机数,默认带有小数的 
Math.random(); 
//下面只返回0和1的随机数,记住是和,不是0就是1 
Math.round( Math.random() ) 
//5-10的随机数 
Math.round( Math.random()*5 + 5 ) 
//10-20的随机数 
Math.round( Math.random()*10 + 10 ) 
//0-100的随机数 
Math.round( Math.random()*100 ) 

Math还有很多方法,其它的不常用,这里就不做介绍了,具体可查看这篇文章。

9、charAt() – 返回指定位置的字符。

‘abcd'.charAt(0); //a 
‘abcd'.charAt(1); //b 
‘abcd'.charAt(2); //c 

10、charCodeAt() – 获取指定位置字符的编码(unicodo编码)。

‘abcd'.charCodeAt(1) //98 
‘abcd'.charCodeAt(2) //99 

11、fromCharCode() – 可接受一个或者多个指定的 Unicode 值,然后返回一个字符串。

String.fromCharCode(97) //a 
String.fromCharCode(97,98,99,100,101,102) //abcdef 

12、indexOf() – 返回字符串中一个子串第一处出现的索引。如果没有匹配项,返回 -1 。

‘abcd'.indexOf(‘b') //1 
‘abcd'.indexOf(‘g') //-1 

13、substring() – 如果是一个参数,返回下标从start处开始到结束的字符;如果是两个参数,则提取字符串从startend-1之间的字符。

‘abcd'.substring(3) //d 
‘abcd'.substring(0,3) //abc 
‘abcd'.substring(1,2) //b 

14、substr() – 如果是一个参数,返回下标从start处开始到结束的字符;如果是两个参数,则提取字符串从start位置开始截取end位。

‘abcd'.substr(3) //d 
‘abcd'.substr(0,2) //ab 
‘abcd'.substr(1,2) //bc 

15、slice() – 如果是一个参数,返回下标从start处开始到结束的字符,如果是负数,则从后面开始取值几位字符;如果是两个参数,则提取字符串从startend-1之间的字符,如果第一个是负数,那么第二个不能小于第一个字符的位置,这个比较绕。

具体看下面的代码。

‘abcd'.slice(-1) //d 
‘abcd'.slice(-2) //cd 
‘abcd'.slice(3) //d 
‘abcd'.slice(0,2) //ab 
‘abcd'.slice(1,2) //b 
//此时-2,选取到c的位置,后面的2,根据规则,位置应该是2-1,也就是b的位置,所以返回的是空 
‘abcd'.slice(-2,2) // 
//此时-2,选取到c的位置,后面的3,根据规则,位置应该是3-1,也就是c的位置,所以返回为c 
‘abcd'.slice(-2,3) //c 

16、replace() – 字符串替换。

//把a替换成x 
‘abcd'.replace(‘a','x') //xbcd 
//只能替换第一次匹配的内容,后面的不做匹配 
‘abacad'.replace(‘a','x') //xbacad 
//如果要全部匹配替换,需要配合正则 
‘abacad'.replace(/a/gi,'x') //xbxcxd 

17、split() – 字符串分割成数组。如果一个参数,则根据参数来分割,如果两个,则根据第二个参数,取几个

//如果是一个空字符,则把字符串每一个都分割开 
‘abcd'.split(“”); //”a”, “b”, “c”, “d” 
//如果是一个空格,则根据空格分割,如果没有空格,直接输出原字符串 
‘ab cd'.split(” “); //”ab”, “cd” 
//如果是一个空格,则根据空格分割,如果没有空格,直接输出原字符串 
‘abacad'.split(“a”); //””, “b”, “c”, “d” 
‘abacad'.split(“a”,2); //””, “b” 

18、toUpperCase() – 将小写字符串转换成大写

‘abcd'.toUpperCase(“”); //ABCD 

19、toUpperCase() – 将大写字符串转换成小写

‘ABCD'.toUpperCase(“”); //abcd 

20、parseInt() – 字符串转成数字,遇到非数字既停止,第一个字符不能被转换为数字,返回NaN

parseInt(‘123abc') //123 
parseInt(‘abc123′) //NaN 

21、parseFloat() – 字符串转成小数,遇到非数字既停止,第一个字符不能被转换为数字,返回NaN

parseInt('10') //10 
parseInt('10abc') //10 
parseInt(‘10.256′) //10.256 
parseInt(‘10.25W6′) //10.25 
parseInt(‘W60′) //NaN 

总结

以上就是关于js中字符串和数字的操作方法的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流。

[!--infotagslink--]

相关文章

  • JavaScript判断浏览器及其版本信息

    本篇文章主要分享了通过window.navigator来判断浏览器及其版本信息的实例代码。具有一定的参考价值,下面跟着小编一起来看下吧...2017-01-23
  • js实现浏览器打印功能的示例代码

    这篇文章主要介绍了js如何实现浏览器打印功能,文中示例代码非常详细,帮助大家更好的理解和学习,感兴趣的朋友可以了解下...2020-07-15
  • 利用JS实现点击按钮后图片自动切换的简单方法

    下面小编就为大家带来一篇利用JS实现点击按钮后图片自动切换的简单方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2016-10-25
  • 详解前端安全之JavaScript防http劫持与XSS

    作为前端,一直以来都知道HTTP劫持与XSS跨站脚本、CSRF跨站请求伪造。防御这些劫持最好的方法是从后端入手,前端能做的太少。而且由于源码的暴露,攻击者很容易绕过防御手段。但这不代表我们去了解这块的相关知识是没意义的,本文的许多方法,用在其他方面也是大有作用。...2021-05-24
  • JavaScript仿支付宝密码输入框

    那么今天我就用JavaScript代码来实现这个效果吧,那么首先介绍一下整个的思路,首先我们先将确定输入密码的位数,我的需求是5位,那么就用一个div标签包住5个input标签...2016-01-02
  • js+css实现回到顶部按钮(back to top)

    这篇文章主要为大家详细介绍了js+css实现回到顶部按钮back to top回到顶部按钮,感兴趣的小伙伴们可以参考一下...2016-03-03
  • js实现上传图片及时预览

    这篇文章主要为大家详细介绍了js实现上传图片及时预览的相关资料,具有一定的参考价值,感兴趣的朋友可以参考一下...2016-05-09
  • 一个关于JS正则匹配的踩坑记录

    这篇文章主要给大家介绍了一个关于JS正则匹配的踩坑记录,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-04-13
  • 如何使用JavaScript实现无缝滚动自动播放轮播图效果

    这篇文章主要介绍了如何使用JavaScript实现“无缝滚动 自动播放”轮播图效果,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2020-08-20
  • Nest.js参数校验和自定义返回数据格式详解

    这篇文章主要给大家介绍了关于Nest.js参数校验和自定义返回数据格式的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-03-28
  • node.js如何操作MySQL数据库

    这篇文章主要介绍了node.js如何操作MySQL数据库,帮助大家更好的进行web开发,感兴趣的朋友可以了解下...2020-10-29
  • js屏蔽F12审查元素,禁止修改页面代码等实现代码

    有时候我们需要屏蔽客户端的F12,以防菜鸟也可以随意修改我们的代码,也处于源码的保护等操作,这里就为大家分享一下常见的代码...2020-10-03
  • 基于JavaScript实现文字超出部分隐藏

    这篇文章主要介绍了基于JavaScript实现文字超出部分隐藏 的相关资料,需要的朋友可以参考下...2016-03-01
  • js组件SlotMachine实现图片切换效果制作抽奖系统

    这篇文章主要介绍了js组件SlotMachine实现图片切换效果制作抽奖系统的相关资料,需要的朋友可以参考下...2016-04-19
  • js实现列表按字母排序

    这篇文章主要为大家详细介绍了js实现列表按字母排序,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-08-11
  • NodeJS实现阿里大鱼短信通知发送

    本文给大家介绍的是nodejs实现使用阿里大鱼短信API发送消息的方法和代码,有需要的小伙伴可以参考下。...2016-01-20
  • js实现文本框输入文字个数限制代码

    这篇文章主要介绍了js实现文本框输入文字个数限制代码,文本框输入的文字个数并不是无限制的,一般都会限定一个输入最高上限,如何限制,请看本文...2015-12-27
  • js实现调用网络摄像头及常见错误处理

    这篇文章主要介绍了js实现调用网络摄像头及常见错误处理,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-03-07
  • JS创建Tag标签的方法详解

    这篇文章主要介绍了JS创建Tag标签的方法,结合具体实例形式分析了javascript动态操作页面HTML元素实现tag标签功能的步骤与相关操作技巧,需要的朋友可以参考下...2017-06-15
  • JS实现随机生成验证码

    这篇文章主要为大家详细介绍了JS实现随机生成验证码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-09-06