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


Posted in Javascript onJanuary 22, 2017

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

Javascript 相关文章推荐
JavaScript 创建对象和构造类实现代码
Jul 30 Javascript
JQuery从头学起第三讲
Jul 06 Javascript
treepanel动态加载数据实现代码
Dec 15 Javascript
jQuery插件slides实现无缝轮播图特效
Apr 17 Javascript
JavaScript Ajax编程 应用篇
Jul 02 Javascript
浅谈JavaScript 中有关时间对象的方法
Aug 15 Javascript
打造自己的jQuery插件入门教程
Sep 23 Javascript
快速了解vue-cli 3.0 新特性
Feb 28 Javascript
基于js中的存储键值对以及注意事项介绍
Mar 30 Javascript
微信小程序wxml列表渲染原理解析
Nov 27 Javascript
压缩Vue.js打包后的体积方法总结(Vue.js打包后体积过大问题)
Feb 03 Javascript
Vue + Element-ui的下拉框el-select获取额外参数详解
Aug 14 Javascript
loading动画特效小结
Jan 22 #Javascript
全面总结Javascript对数组对象的各种操作
Jan 22 #Javascript
通过jsonp获取json数据实现AJAX跨域请求
Jan 22 #Javascript
JS实现点击表头表格自动排序(含数字、字符串、日期)
Jan 22 #Javascript
node.js基于mongodb的搜索分页示例
Jan 22 #Javascript
利用JS实现文字的聚合动画效果
Jan 22 #Javascript
angularJS 指令封装回到顶部示例详解
Jan 22 #Javascript
You might like
一个分页的论坛
2006/10/09 PHP
yii框架配置默认controller和action示例
2014/04/30 PHP
Yii2中cookie用法示例分析
2016/07/18 PHP
Laravel 5.3 学习笔记之 安装
2016/08/28 PHP
js checkbox(复选框) 使用集锦
2009/04/28 Javascript
使用js解决由border属性引起的div宽度问题
2013/11/26 Javascript
js实现iframe跨页面调用函数的方法
2014/12/13 Javascript
CSS javascript 结合实现悬浮固定菜单效果
2015/08/23 Javascript
JavaScript控制浏览器全屏及各种浏览器全屏模式的方法、属性和事件
2015/12/20 Javascript
原生JS实现图片轮播效果
2016/12/26 Javascript
bootstrap如何让dropdown menu按钮式下拉框长度一致
2017/04/10 Javascript
微信小程序实战之上拉(分页加载)效果(2)
2017/04/17 Javascript
jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解
2017/05/01 jQuery
BootStrap Table 后台数据绑定、特殊列处理、排序功能
2017/05/27 Javascript
详解Vue 2.0封装axios笔记
2017/06/22 Javascript
Vue实现一个图片懒加载插件
2019/03/11 Javascript
Vue基本使用之对象提供的属性功能
2019/04/30 Javascript
babel7.x和webpack4.x配置vue项目的方法步骤
2019/05/12 Javascript
[02:34]肉山说——泡妞篇
2014/09/16 DOTA
[56:35]DOTA2上海特级锦标赛C组小组赛#1 OG VS Archon第二局
2016/02/27 DOTA
Python中使用装饰器来优化尾递归的示例
2016/06/18 Python
python使用多进程的实例详解
2018/09/19 Python
对sklearn的使用之数据集的拆分与训练详解(python3.6)
2018/12/14 Python
在django中图片上传的格式校验及大小方法
2019/07/28 Python
python如何导入依赖包
2020/07/13 Python
html5中嵌入视频自动播放的问题解决
2020/05/25 HTML / CSS
英国可持续奢侈品包包品牌:Elvis & Kresse
2018/08/05 全球购物
在线吉他课程,学习如何弹吉他:Fender Play
2019/02/28 全球购物
大学生饮食配送创业计划书
2014/01/04 职场文书
双拥工作宣传标语
2014/06/26 职场文书
舞蹈兴趣小组活动总结
2014/07/07 职场文书
初中学校对照检查材料
2014/08/19 职场文书
小学英语教师2015年度个人工作总结
2015/10/14 职场文书
大学生奖学金获奖感言(范文)
2019/08/15 职场文书
使用canvas实现雪花飘动效果的示例代码
2021/03/30 HTML / CSS
浅谈redis整数集为什么不能降级
2021/07/25 Redis