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

简介: 1、slice()slice("取字符串的起始位置",[结束位置]);//初始位置一定要有,结束位置可有可无var txt="abcedf";txt.slice(3);//从txt里面字符的第3(索引号)个开始取,一直到最后txt.

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>

 

相关文章
|
SQL 缓存 监控
drds性能监控与调优
drds性能监控与调优
426 2
|
自然语言处理 Java 索引
Elastic:如何查询特殊字符
某些业务场景下我们需要使用特殊符号来进行查询,但是es的默认分词器以及ik分词器等大多数分词器都会将特殊符号过滤掉,导致后续无法通过特殊符号查询到数据。 那么我们如何来解决这个问题呢,下面列举出几种处理方案
1272 0
|
Linux
Linux环境下安装和配置OpenOffice及常见问题解决
本文主要讲解在Linux环境下,如何安装OpenOfice环境,及配置开机自启动
6532 0
Linux环境下安装和配置OpenOffice及常见问题解决
|
SQL 分布式计算 MaxCompute
MaxCompute SQL使用小技巧之时间日期处理
业务需求分析中经常会对时间日期进行处理,MaxComputer中也有很多关于日期的处理函数,文章就是对这些内置函数相互嵌套使用达到分析要求的分析
5622 0
|
SQL 分布式计算 DataWorks
DataWorks产品使用合集之如何在SQL语句里使用CASE WHEN语句
DataWorks作为一站式的数据开发与治理平台,提供了从数据采集、清洗、开发、调度、服务化、质量监控到安全管理的全套解决方案,帮助企业构建高效、规范、安全的大数据处理体系。以下是对DataWorks产品使用合集的概述,涵盖数据处理的各个环节。
306 2
|
12月前
|
Java 测试技术 数据库
@Transactional(readOnly=true):真的是提高性能的灵丹妙药吗?
【10月更文挑战第1天】在Java开发中,特别是使用Spring框架进行企业级应用开发时,@Transactional注解是处理事务管理的一个关键工具。其中,readOnly=true属性常被用来标记一个事务为只读,以期达到提高性能的效果。然而,这一属性是否真的是提高性能的灵丹妙药呢?本文将深入探讨@Transactional(readOnly=true)的工作机制、潜在影响以及在实际应用中的正确使用方法。
393 1
|
关系型数据库 MySQL 数据库
如何快速连接云数据库RDS MySQL
本场景介绍如何通过阿里云数据管理服务DMS快速连接云数据库RDS MySQL,然后进行数据表的CRUD操作。
|
分布式计算 MaxCompute Python
【Maxcompute】bd09、gcj02、wgs84经纬度坐标系转换udf函数
该文介绍了在Maxcompute平台上处理经纬度的实战应用,包括`bd09`、`gcj02`和`wgs84`坐标系之间的转换。提供了`CoordTransform` Python UDF类,支持六种转换操作。代码中包含了转换方法如`bd09togcj02`等,以及辅助计算静态方法。欢迎读者批评指正。
316 0
|
分布式计算 DataWorks NoSQL
DataWorks操作报错合集之遇到报错:failed: ODPS-0130071:[1,36] Semantic analysis exception,该怎么解决
DataWorks是阿里云提供的一站式大数据开发与治理平台,支持数据集成、数据开发、数据服务、数据质量管理、数据安全管理等全流程数据处理。在使用DataWorks过程中,可能会遇到各种操作报错。以下是一些常见的报错情况及其可能的原因和解决方法。
575 0
|
SQL JSON 分布式计算
ODPS SQL ——列转行、行转列这回让我玩明白了!
本文详细介绍了在MaxCompute中如何使用TRANS_ARRAY和LATERAL VIEW EXPLODE函数来实现列转行的功能。