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

发布时间 - 2026-01-10 22:44:09    点击率:

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  # 数字  # JavaScript运行过程中的“预编译阶段”和“执行阶段”  # 通过JSP的预编译消除性能瓶颈  # 全面总结Javascript对数组对象的各种操作  # JavaScript、C# URL编码、解码总结  # 超全面的JavaScript开发规范(推荐)  # 前端编码规范(3)JavaScript 开发规范  # 轻松理解Javascript变量的相关问题  # Javascript DOM事件操作小结(监听鼠标点击、释放  # 悬停、离开等)  # 浅谈JavaScript异步编程  # JavaScript 详解预编译原理  # 随机数  # 是一个  # 第一个  # 如果没有  # 也会  # 第二个  # 不做  # 转换成  # 转换为  # 转成  # 的是  # 应该是  # 几个  # 多个  # 一处  # 几位  # 这篇文章  # 还有很多  # 操作方法  # 可接受 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: 网站制作企业,网站的banner和导航栏是指什么?  Laravel如何使用Service Provider注册服务_Laravel服务提供者配置与加载  Laravel如何优雅地处理服务层_在Laravel中使用Service层和Repository层  Linux网络带宽限制_tc配置实践解析【教程】  浅谈redis在项目中的应用  JavaScript如何实现类型判断_typeof和instanceof有什么区别  Laravel怎么导出Excel文件_Laravel Excel插件使用教程  如何用好域名打造高点击率的自主建站?  晋江文学城电脑版官网 晋江文学城网页版直接进入  详解CentOS6.5 安装 MySQL5.1.71的方法  如何用AI帮你把自己的生活经历写成一个有趣的故事?  JavaScript数据类型有哪些_如何准确判断一个变量的类型  EditPlus中的正则表达式实战(6)  WEB开发之注册页面验证码倒计时代码的实现  Windows10电脑怎么设置虚拟光驱_Win10右键装载ISO镜像文件  Laravel如何生成URL和重定向?(路由助手函数)  EditPlus 正则表达式 实战(3)  实现点击下箭头变上箭头来回切换的两种方法【推荐】  Chrome浏览器标签页分组怎么用_谷歌浏览器整理标签页技巧【效率】  Laravel怎么创建控制器Controller_Laravel路由绑定与控制器逻辑编写【指南】  Laravel怎么调用外部API_Laravel Http Client客户端使用  专业商城网站制作公司有哪些,pi商城官网是哪个?  如何用已有域名快速搭建网站?  PythonWeb开发入门教程_Flask快速构建Web应用  文字头像制作网站推荐软件,醒图能自动配文字吗?  手机钓鱼网站怎么制作视频,怎样拦截钓鱼网站。怎么办?  Laravel如何使用Service Container和依赖注入?(代码示例)  Laravel怎么返回JSON格式数据_Laravel API资源Response响应格式化【技巧】  Laravel如何操作JSON类型的数据库字段?(Eloquent示例)  利用python获取某年中每个月的第一天和最后一天  Python文件流缓冲机制_IO性能解析【教程】  清除minerd进程的简单方法  如何在建站主机中优化服务器配置?  深圳网站制作设计招聘,关于服装设计的流行趋势,哪里的资料比较全面?  JavaScript中如何操作剪贴板_ClipboardAPI怎么用  Edge浏览器提示“由你的组织管理”怎么解决_去除浏览器托管提示【修复】  Windows驱动无法加载错误解决方法_驱动签名验证失败处理步骤  Laravel如何集成Inertia.js与Vue/React?(安装配置)  微博html5版本怎么弄发语音微博_语音录制入口及时长限制操作【教程】  微信h5制作网站有哪些,免费微信H5页面制作工具?  Laravel如何配置和使用缓存?(Redis代码示例)  JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)  如何快速上传建站程序避免常见错误?  uc浏览器二维码扫描入口_uc浏览器扫码功能使用地址  Laravel怎么自定义错误页面_Laravel修改404和500页面模板  如何在阿里云高效完成企业建站全流程?  如何在Ubuntu系统下快速搭建WordPress个人网站?  Zeus浏览器网页版官网入口 宙斯浏览器官网在线通道  Laravel如何正确地在控制器和模型之间分配逻辑_Laravel代码职责分离与架构建议  厦门模型网站设计制作公司,厦门航空飞机模型掉色怎么办?