javascript截取字符串小结


Posted in Javascript onApril 28, 2015

本文总结介绍了三种使用Javascript截取字符串的方法,同时也总结了两种截取中文字符串的办法,分享一下。

1.substring 方法

定义和用法
substring 方法用于提取字符串中介于两个指定下标之间的字符。

语法
stringObject.substring(start,stop)

参数 描述
start 必需。一个非负的整数,规定要提取的子串的第一个字符在 stringObject 中的位置。
stop 可选。一个非负的整数,比要提取的子串的最后一个字符在 stringObject 中的位置多 1。如果省略该参数,那么返回的子串会一直到字符串的结尾。

返回值
一个新的字符串,该字符串值包含 stringObject 的一个子字符串,其内容是从 start 处到 stop-1 处的所有字符,其长度为 stop 减 start。

说明
substring 方法返回的子串包括 start 处的字符,但不包括 end 处的字符。
如果 start 与 end 相等,那么该方法返回的就是一个空串(即长度为 0 的字符串)。
如果 start 比 end 大,那么该方法在提取子串之前会先交换这两个参数。
如果 start 或 end 为负数,那么它将被替换为 0。
具体使用案例:

var str = "0123456789"; 
alert(str.substring(0));------------"0123456789" 
alert(str.substring(5));------------"56789" 
alert(str.substring(10));-----------"" 
alert(str.substring(12));-----------"" 
alert(str.substring(-5));-----------"0123456789" 
alert(str.substring(-10));----------"0123456789" 
alert(str.substring(-12));----------"0123456789" 
alert(str.substring(0,5));----------"01234" 
alert(str.substring(0,10));---------"0123456789" 
alert(str.substring(0,12));---------"0123456789" 
alert(str.substring(2,0));----------"01" 
alert(str.substring(2,2));----------"" 
alert(str.substring(2,5));----------"234" 
alert(str.substring(2,12));---------"23456789" 
alert(str.substring(2,-2));---------"01" 
alert(str.substring(-1,5));---------"01234" 
alert(str.substring(-1,-5));--------""

2.substr 方法

定义和用法
substr 方法用于返回一个从指定位置开始的指定长度的子字符串。

语法
stringObject.substr(start [, length ])

参数 描述
start 必需。所需的子字符串的起始位置。字符串中的第一个字符的索引为 0。
length 可选。在返回的子字符串中应包括的字符个数。

说明
如果 length 为 0 或负数,将返回一个空字符串。
如果没有指定该参数,则子字符串将延续到stringObject的最后。

具体使用案例:

var str = "0123456789"; 
alert(str.substr(0));---------------"0123456789" 
alert(str.substr(5));---------------"56789" 
alert(str.substr(10));--------------"" 
alert(str.substr(12));--------------"" 
alert(str.substr(-5));--------------"0123456789" 
alert(str.substr(-10));-------------"0123456789" 
alert(str.substr(-12));-------------"0123456789" 
alert(str.substr(0,5));-------------"01234" 
alert(str.substr(0,10));------------"0123456789" 
alert(str.substr(0,12));------------"0123456789" 
alert(str.substr(2,0));-------------"" 
alert(str.substr(2,2));-------------"23" 
alert(str.substr(2,5));-------------"23456" 
alert(str.substr(2,12));------------"23456789" 
alert(str.substr(2,-2));------------"" 
alert(str.substr(-1,5));------------"01234" 
alert(str.substr(-1,-5));-----------""

3.自定义方法

以上两种方法只可以对英文和数字进行截取,遇到中文便无可奈何了,强制使用会导致出现乱码的情况,经本人认证研究终于总结出了两种能够使用Javascript截取字符串中包含中文的方法:

第一种方法:

String.prototype.sub=function(n){ 
  var r=/[^\x00-\xff]/g; 
  if(this.replace(r,"mm").length<=n){return this;} 
  var m=Math.floor(n/2); 
  for(var i=m;i<this.length;i++){ 
    if(this.substr(0,i).replace(r,"mm").length>=n){ 
      return this.substr(0,i)+"..."; 
    } 
  } 
  return this; 
}

第二种方法:
//截取字符串 包含中文处理,参数含义:(字符串,截取长度,是否增加...) 

function subString(str, len, hasDot){ 
  var newLength=0; 
  var newStr=""; 
  var chineseRegex=/[^\x00-\xff]/g; 
  var singleChar=''; 
  var strLength=str.replace(chineseRegex,'**').length; 
  for(var i=0;i < strLength;i++){ 
  singleChar=str.charAt(i).toString(); 
  if(singleChar.match(chineseRegex) != null){ 
    newLength+=2; 
  }else{ 
    newLength++; 
  } 
  if(newLength>len){ 
    break; 
  } 
  newStr+=singleChar; 
  } 
   
  if(hasDot && strLength>len){ 
    newStr+='...'; 
  } 
  return newStr; 
}

以上使用Js截取中文字符串的具体使用方法如下:

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Javascript字符串截取处理总结(Js截取中文字符串总结)</title> 
<script language="javascript"> 
String.prototype.sub=function(n){var r=/[^\x00-\xff]/g;if(this.replace(r,"mm").length<=n){return this}var m=Math.floor(n/2);for(var i=m;i<this.length;i++){if(this.substr(0,i).replace(r,"mm").length>=n){return this.substr(0,i)+"..."}}return this}; 
function subString(str,len,hasDot){var newLength=0;var newStr="";var chineseRegex=/[^\x00-\xff]/g;var singleChar='';var strstrLength=str.replace(chineseRegex,'**').length;for(var i=0;i<strLength;i++){singleChar=str.charAt(i).toString();if(singleChar.match(chineseRegex)!=null){newLength+=2}else{newLength++}if(newLength>len){break}newStr+=singleChar}if(hasDot&&strLength>len){newStr+='...'}return newStr} 
</script> 
</head> 
<body> 
<script language="javascript"> 
var str='我爱3water.com'; 
alert(str.sub(10)); 
alert(subString(str,10,false)); 
</script> 
</body> 
</html>

以上所述就是本文的所有内容了,希望大家能够喜欢。

Javascript 相关文章推荐
javascript字典探测用户名工具
Oct 05 Javascript
JSON扫盲帖 JSON.as类教程
Feb 16 Javascript
javascript 简练的几个函数
Aug 29 Javascript
什么是json和jsonp,jQuery json实例详详细说明
Dec 11 Javascript
jQuery.fn和jQuery.prototype区别介绍
Oct 05 Javascript
ExtJS[Desktop]实现图标换行示例代码
Nov 17 Javascript
Jquery easyUI 更新行示例
Mar 06 Javascript
JS+CSS简单树形菜单实现方法
Sep 12 Javascript
ClearTimeout消除闪动实例代码
Feb 29 Javascript
零基础轻松学JavaScript闭包
Dec 30 Javascript
基于Vue实例对象的数据选项
Aug 09 Javascript
vue调用语音播放的方法
Sep 27 Javascript
JavaScript 实现完美兼容多浏览器的复制功能代码
Apr 28 #Javascript
jQuery通过Ajax返回JSON数据
Apr 28 #Javascript
javascript实现控制文字大中小显示
Apr 28 #Javascript
Jquery中$.post和$.ajax的用法小结
Apr 28 #Javascript
轻量级的原生js日历插件calendar.js使用指南
Apr 28 #Javascript
javascript中Function类型详解
Apr 28 #Javascript
浅谈Jquery为元素绑定事件
Apr 27 #Javascript
You might like
大师制作的中短波矿石收音机
2020/04/02 无线电
php小经验:解析preg_match与preg_match_all 函数
2013/06/29 PHP
ThinkPHP3.1新特性之命名范围的使用
2014/06/19 PHP
Yii2 如何在modules中添加验证码的方法
2017/06/19 PHP
PHP实现一维数组与二维数组去重功能示例
2018/05/24 PHP
一个可以显示阴历的JS代码
2007/03/05 Javascript
JavaScript入门教程(9) Document文档对象
2009/01/31 Javascript
js 定时器setTimeout无法调用局部变量的解决办法
2013/11/28 Javascript
jQuery学习笔记之jQuery+CSS3的浏览器兼容性
2015/01/19 Javascript
JavaScript Sort 的一个错误用法示例
2015/03/20 Javascript
jquery代码实现简单的随机图片瀑布流效果
2015/04/20 Javascript
正则表达式优化JSON字符串的技巧
2015/12/24 Javascript
教你快速搭建Node.Js服务器的方法教程
2017/03/30 Javascript
基于Vue实例生命周期(全面解析)
2017/08/16 Javascript
JS实现在文本指定位置插入内容的简单示例
2017/12/22 Javascript
nodejs实现解析xml字符串为对象的方法示例
2018/03/14 NodeJs
使用vue-infinite-scroll实现无限滚动效果
2018/06/22 Javascript
详解如何在Angular优雅编写HTTP请求
2018/12/05 Javascript
JS常见错误(Error)及处理方案详解
2020/07/02 Javascript
[44:21]Ti4 循环赛第四日 附加赛NEWBEE vs LGD
2014/07/13 DOTA
Python编程实现删除VC临时文件及Debug目录的方法
2017/03/22 Python
一篇文章搞懂Python的类与对象名称空间
2018/12/10 Python
Python分支语句与循环语句应用实例分析
2019/05/07 Python
Django 自动生成api接口文档教程
2019/11/19 Python
Python Lambda函数使用总结详解
2019/12/11 Python
python中pyqtgraph知识点总结
2021/01/26 Python
解决Pyinstaller打包软件失败的一个坑
2021/03/04 Python
利用CSS3 动画 绘画 圆形动态时钟
2018/03/20 HTML / CSS
Delphi工程师笔试题
2013/09/21 面试题
经贸专业毕业生求职信范文
2014/05/01 职场文书
运动会广播稿50字-100字
2014/10/11 职场文书
创业计划书之川味火锅店
2019/09/02 职场文书
go结构体嵌套的切片数组操作
2021/04/28 Golang
MySQL 常见的数据表设计误区汇总
2021/06/07 MySQL
MySQL数据库如何使用Shell进行连接
2022/04/12 MySQL
Python中requests库的用法详解
2022/06/05 Python