前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >第40天:字符串操作:截取字符串

第40天:字符串操作:截取字符串

作者头像
半指温柔乐
发布2018-09-11 15:01:26
3660
发布2018-09-11 15:01:26
举报
文章被收录于专栏:前端知识分享前端知识分享

1、slice() slice("取字符串的起始位置",[结束位置]);//初始位置一定要有,结束位置可有可无 var txt="abcedf"; txt.slice(3);//从txt里面字符的第3(索引号)个开始取,一直到最后 txt.slice(3,6);//取txt索引号3-6的字符串,不包含6 起始位置可以是负数,若是负数,从字符串右边向左边取 txt.slice(-1);

2、substr() substr(起始位置,[取的个数]); 不写个数,默认从起始位置到最后 substr(-1);少用,IE6、7、8报错 substring始终会把小的值作为起始值,较大的作为结束位置 例如:sunstring(6,3),实际中自动变成substring(3,6)

3、保留小数位数

console.log(str.substr(0,str.indexOf(".")+3));//保留小数点后2位 console.log(parseInt(PI*100)/100);//先乘100取整,再除100 console.log(PI.toFixed(2));//直接使用toFixed()方法

案例:

1、保留小数位数

代码语言:javascript
复制
 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>保留小数位数</title>
 6 </head>
 7 <body>
 8 
 9 </body>
10 <script>
11     var PI=3.141592654;//常量大写
12     var str=PI+"";//数字转换为字符串,再操作
13     //var index=str.indexOf(".");//返回小数点的位置
14     //console.log(str.substr(0,index+3));//保留小数点后2位
15     console.log(str.substr(0,str.indexOf(".")+3));//保留小数点后2位,3.14
16     console.log(parseInt(PI*100)/100);//先乘100取整,再除100,3.14
17     console.log(PI.toFixed(2));//直接使用toFixed()方法,3.14
18 </script>
19 </html>

2、验证文件格式是否正确

代码语言:javascript
复制
 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>验证文件格式是否正确</title>
 6 </head>
 7 <body>
 8 <input type="file" id="file"><span></span>
 9 </body>
10 <script>
11     var file=document.getElementById("file");
12     file.onchange=function(){
13         var path=this.value;//得到当前文件路径
14         var last=path.substr(path.lastIndexOf(".")).toUpperCase();//从后面第一个点开始截取文件后缀名
15         //console.log(last);
16         if(last==".JPG"||last==".PNG"){
17             this.nextSibling.innerHTML="格式正确";
18         }else{
19             alert("文件格式不支持");
20         }
21     }
22 </script>
23 </html>
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2017-09-22 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档