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

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、保留小数位数

 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、验证文件格式是否正确

 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>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏前端迷

在循环内使用闭包(Closures)

闭包的本质是一个内部函数访问其作用域之外的变量。闭包可以用于实现诸如 私有变量 和 创建工厂函数之类的东西。

10420
来自专栏个人分享

JDK1.7新特性

1 对集合类的语言支持;  2 自动资源管理;  3 改进的通用实例创建类型推断;  4 数字字面量下划线支持;  5 switch中使用string;  6 ...

28420
来自专栏云霄雨霁

追踪收集解决方法

18500
来自专栏Java成长之路

动态代理详解

代理 是常用的基本设计模式之一,在某些情况下,一个客户不想或者不能直接引用一个对 象,此时可以通过一个称之为“代理”的第三者来实现 间接引用。代理对象可以在客户...

9710
来自专栏前端桃园

看完这几道 Promise 面试题,还被面试官问倒算我输

最近在复习 Promise 的知识,所以就做了一些题,这里挑出几道题,大家一起看看吧。

12410
来自专栏HTML5学堂

JavaScript中的this详解

HTML5学堂:this属于JS的底层知识,了解this之后,能够实现一些基本的功能,但是感觉最重要的是,this是面向对象必不可少的组成部分,如果希望能够逐渐...

29340
来自专栏Golang语言社区

Golang语言社区--【基础知识】范围规则

在任何编程程序的作用域,其中一个定义的变量可以有它的存在,超出该变量的区域就不能访问。有三个地方变量可以在Go编程语言声明如下: 内部函数或这就是所谓的局部变量...

342140
来自专栏互联网杂技

JS中Null与Undefined的区别

Undefined类型只有一个值,即undefined。当声明的变量还未被初始化时,变量的默认值为undefined。 Null类型也只有一个值,即null。n...

33740
来自专栏james大数据架构

NET中验证控件表达式汇总

ASP.NET为开发人员提供了一整套完整的服务器控件来验证用户输入的信息是否有效。这些控件如下:     1、RequiredFieldValidator:验证...

245100
来自专栏信安之路

Python 2.7 正则中篇

如上面元字符对照表里的所有字符在正则中表现是一个范围而不能作为字符匹配,例如[0-9]之中的-用来表示0到9的一个范围,而不能匹配横线字符。

12000

扫码关注云+社区

领取腾讯云代金券