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

 更新时间:2017年01月22日 16:04:28   投稿:daisy  
字符串和数字的操作在js中非常频繁,也非常重要。以往看完书之后都能记得非常清楚,但稍微隔一段时间不用,便会忘得差不多,记性不好是硬伤啊。下面这篇文章就对字符串和数字的一些常用操作做个整理,一者加深印象,二者方便今后温习查阅。需要的朋友们可以参考借鉴。

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中字符串和数字的操作方法的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流。

相关文章

  • JS字符串分割方法整理汇总示例讲解(3种截取方法和6个辅助方法)

    JS字符串分割方法整理汇总示例讲解(3种截取方法和6个辅助方法)

    JavaScript在开发中常常会需要截取字符串,而JS提供了slice() 、substring()、substr() 3种方法实现截取操作。另外还有字符串相关的6种辅助方法:indexOf()、lastIndexOf()、split()、join()、concat()、charAt() 。
    2023-02-02
  • leaflet基本使用示例教程

    leaflet基本使用示例教程

    这篇文章主要介绍了leaflet基本使用示例教程,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
    2023-12-12
  • 深入理解JS中的微任务和宏任务的执行顺序及应用场景

    深入理解JS中的微任务和宏任务的执行顺序及应用场景

    JavaScript中的任务分为宏任务和微任务,它们的执行顺序会影响代码的执行结果。了解它们的机制可以帮助我们更好地理解事件循环和异步编程,避免出现一些意想不到的错误
    2023-05-05
  • JavaScript中保留两位小数的方法总结

    JavaScript中保留两位小数的方法总结

    这篇文章主要把相关保留两位小数的方法总结了一下,不同的场景用不同的方法,即用即取,文中的示例代码讲解详细, 感兴趣的小伙伴可以了解一下
    2023-06-06
  • JavaScript设计模式适配器模式实例

    JavaScript设计模式适配器模式实例

    这篇文章主要介绍了JavaScript设计模式适配器模式实例,适配器设计模式可以让彼此不兼容的功能在一块工作,有助于避免大规模的修改代码,并且易于扩展和兼容
    2022-06-06
  • Js+XML 操作

    Js+XML 操作

    Js+XML 操作...
    2006-09-09
  • ant-design-pro使用qiankun微服务配置动态主题色的问题

    ant-design-pro使用qiankun微服务配置动态主题色的问题

    这篇文章主要介绍了ant-design-pro使用qiankun微服务配置动态主题色,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-03-03
  • js 操作css实现代码

    js 操作css实现代码

    虽说jquery支持css选择器,可以把一些css规则放在js里,js无论如何是比css灵活的。但是js修改的是dom的htmlelement的stlye,是一个操作而非规则。
    2009-06-06
  • javascript 实现自由落体的方块效果

    javascript 实现自由落体的方块效果

    这其实是一个很简单的实现,create一个新的div元素,然后append到文档的body上,经过一定时间的延迟,做自由落体运动,着地后fade消失。 不多说,直接上代码。
    2010-01-01
  • js获得相对路径文件并上传到服务器的方法

    js获得相对路径文件并上传到服务器的方法

    由于浏览器的安全限制,Javascript无法直接获取用户上传文件的绝对路径。但是我们可以通过一些技巧来获取文件的相对路径,这篇文章主要给大家介绍了关于js获得相对路径文件并上传到服务器的相关资料,需要的朋友可以参考下
    2023-11-11

最新评论