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实现简单的键盘打字的效果

    JS实现简单的键盘打字的效果

    本文给大家分享的是使用javascript实现的简单的键盘打字效果,十分的简单实用,推荐给有需要的小伙伴参考下。
    2015-04-04
  • JS首屏加载时间优化的解决方法总结

    JS首屏加载时间优化的解决方法总结

    首屏加载时间是一个衡量网页性能和用户体验的关键指标,这个问题无论是在面试中还是在项目开发中都占有极其高的权重,本文为大家整理了几种JS中优化首屏加载时间的方法,希望对大家有所帮助
    2024-02-02
  • javascript 正则表达式相关应介绍

    javascript 正则表达式相关应介绍

    javascript 中几个与正则表达式相关的应用,本文将详细介绍,需要的朋友可以参考下
    2012-11-11
  • 微信小程序-消息提示框实例

    微信小程序-消息提示框实例

    本篇文章主要介绍了微信小程序-提示框,现在分享给大家,也给大家做个参考。感兴趣的小伙伴们可以参考一下。
    2016-11-11
  • JS数组去重常用方法实例小结【4种方法】

    JS数组去重常用方法实例小结【4种方法】

    这篇文章主要介绍了JS数组去重常用方法,结合实例形式总结分析了4种常用的数据去重实现方法,涉及javascript数组的遍历、判断、追加等相关操作技巧,需要的朋友可以参考下
    2018-05-05
  • 多个表单中如何获得这个文件上传的网址实现js代码

    多个表单中如何获得这个文件上传的网址实现js代码

    假设一个网页里有多个表单,其中一个表单里有文件上传,问题是如何获得这个文件上传的网址呢,接下来为大家介绍下实现的js代码,感兴趣的朋友可以参考下哈,希望可以帮助到你
    2013-03-03
  • javascript eval函数深入认识

    javascript eval函数深入认识

    发现为本文起一个合适的标题还不是那么容易,呵呵,所以在此先说明下本文的两个目的
    2009-02-02
  • JS中bridge的原理与封装

    JS中bridge的原理与封装

    这篇文章主要介绍了JS中bridge的原理与封装,文章围绕主题的相关资料展开详细的内容介绍,具有一定的参考价值,需要的小伙伴可以参考一下
    2022-06-06
  • JavaScript设计模式之原型模式(Object.create与prototype)介绍

    JavaScript设计模式之原型模式(Object.create与prototype)介绍

    这篇文章主要介绍了JavaScript设计模式之原型模式(Object.create与prototype)介绍,原型模式指使用原型实例来拷贝、创建新的可定制的对象,新建的对象,不需要知道原对象创建的具体过程,需要的朋友可以参考下
    2014-12-12
  • JS中怎样判断undefined(比较不错的方法)

    JS中怎样判断undefined(比较不错的方法)

    用servlet赋值给html页面文本框值后,用alert来弹出这个值.结果显示"undefined".下面为大家介绍下具体的判断方法,大家可以参考下
    2014-03-03

最新评论