`
dyllove98
  • 浏览: 1382546 次
  • 性别: Icon_minigender_1
  • 来自: 济南
博客专栏
73a48ce3-d397-3b94-9f5d-49eb2ab017ab
Eclipse Rcp/R...
浏览量:38335
4322ac12-0ba9-3ac3-a3cf-b2f587fdfd3f
项目管理checkList...
浏览量:78645
4fb6ad91-52a6-307a-9e4f-816b4a7ce416
哲理故事与管理之道
浏览量:131804
社区版块
存档分类
最新评论

javascript,子字符串操作方法:Slice()、Substr()、Substring()的区别

 
阅读更多

一、参数含义上的区别。

  第一个参数 第二个参数(可选)
slice() 开始位置 需要返回的子字符串最后一个字符后面的位置
substr() 开始位置 需要返回的字符个数
substring() 开始位置 需要返回的子字符串最后一个字符后面的位置

 

 

 

 

 

 

例如:

var strValue = "javascript programing";
alert(strValue.slice(3));           //"ascript programing"
alert(strValue.substring(3));       //"ascript programing"
alert(strValue.substr(3));          //"ascript programing"
alert(strValue.slice(3,13));        //"ascript pr"
alert(strValue.substring(3,13));    //"ascript pr"
alert(strValue.substr(3,13));       //"ascript progr"

 

二、处理负值参数时的区别。

参数的含义不变,只不过参数为负值时,3个子字符串函数会对负值参数进行不同的处理。

  第一个参数 第二个参数(可选) 备注
Slice() 将负值与字符串的长度相加 将负值与字符串的长度相加  
Substr() 将负值与字符串的长度相加 将负值变为0  
substring() 将负值变为0 将负值变为0

负值处理后,该函数会将较

小的数作为开始位置,较大

的数作为结束位置

 

 

 

 

 

 

 

例如: 

var strValue = "javascript programing";
alert(strValue.slice(-3));        => alert(strValue.slice(18));       //"ing"
alert(strValue.substring(-3));    => alert(strValue.substring(0));    //"javascript programing"
alert(strValue.substr(-3));       => alert(strValue.substr(18));      //"ing"
alert(strValue.slice(3,-13));     => alert(strValue.slice(3,8));      //"ascri" 
alert(strValue.substring(3,-13)); => alert(strValue.substring(0,3));  //"jav"
alert(strValue.substr(3,-13));    => alert(strValue.substr(3,0));     //""

 

 

2
2
分享到:
评论

相关推荐

    深入浅析JavaScript字符串操作方法 slice、substr、substring及其IE兼容性

    主要介绍了JavaScript字符串操作方法 slice、substr、substring及其IE兼容性 的相关资料,需要的朋友可以参考下

    JavaScript截取字符串的Slice、Substring、Substr函数详解和比较

    在JavaScript中,提取子字符串主要是通过 Slice、Substring、Substr 三个方法之一。 代码如下:// slice // 语法: string.slice(start [, stop])“Good news, everyone!”.slice(5,9); // ‘news’ // substring // ...

    js 中截取字符串的三个方法 substring、substr、slice

    js中有三个截取字符的方法,分别是substring()、substr()、slice(),平时我们可能都用到过,但总是会对这些方法有点混淆,特别是substring()和substr(),连方法名都差不多,下面就具体来看一下区别。

    常常会用到的截取字符串substr()、substring()、slice()方法详解

    javascript中给我们提供三个截取字符串的方法,分别是:slice(),substring()和substr()。下面我们对这三个函数进行详细说明和比较,需要的朋友可以参考下

    javascript中substr,substring,slice.splice的区别说明

    substr() 方法可在字符串中抽取从 start 下标开始的指定数目的...substr 指定的是字符串的开始下标跟截取长度,所以可以替代substring跟slice使用. 重要事项:ECMAscript 没有对该方法进行标准化,因此反对使用它。 sub

    javascript中substring()、substr()、slice()的区别

    stringObject.substring(start,stop) 用于提取字符串中介于两个指定下标之间的字符。 start必需。一个非负的整数,规定要提取的子串的第一个字符在 stringObject 中的位置。 stop可选。一个非负的整数,比要提取的...

    js字符串操作方法实例分析

    主要介绍了js字符串操作方法,实例分析了javascript中slice、substr及substring等方法的使用技巧,需要的朋友可以参考下

    javascript中slice(),splice(),split(),substring(),substr()使用方法

    主要介绍了javascript中slice(),splice(),split(),substring(),substr()使用方法,需要的朋友可以参考下

    javascript学习笔记(三) String 字符串类型介绍

    1.字符方法charAt() 、charCodeAt()、fromCharCode() 代码如下: var stringValue = “hello world”; alert(stringValue.charAt(1)...返回子字符串方法slice()、substr()、substring() slice()、substring

    微软JavaScript手册

    indexOf 方法 返回在 String 对象中第一次出现子字符串的字符位置。 不相等运算符 (!=) 比较两个表达式,看是否不相等。 Infinity 属性 返回 Number.POSITIVE_INFINITY 的初始值。 input 属性 返回进行查找的...

    javascript文档

    indexOf 方法 返回在 String 对象中第一次出现子字符串的字符位置。 不相等运算符 (!=) 比较两个表达式,看是否不相等。 Infinity 属性 返回 Number.POSITIVE_INFINITY 的初始值。 input 属性 返回进行查找的...

    javascript语言参考+教程 CHM

    substring 方法; sup 方法; tan 方法; test 方法; toArray 方法; toDateString 方法; toExponential 方法; toFixed 方法; toGMTString 方法; toLocaleDateString 方法; toLocaleLowerCase 方法; ...

    一文读懂JavaScript的String对象

    String对象一、String对象的属性(1)、length属性(2)、constructor属性(3)、prototype属性二、String对象的方法(1)、查找字符串1)、charAt()方法2)、indexOf()方法3)、lastIndexOf()方法(2)、截取字符串...

    JavaScript权威指南

    JavaScript权威指南 犀牛书 Chapter 1. Introduction to JavaScript Section 1.1. JavaScript Myths Section 1.2. Versions of JavaScript Section 1.3. Client-Side JavaScript Section 1.4. JavaScript ...

    Front-End:前端那些事儿

    数据类型判断setTimeout setInterval 定时器原理怎么获取一个元素到视图顶部的距离 getBoundingClientRect和offsetTop区别slice splice substring substr区别scrollTop、scrollHeight、offsetTop、offsetHeight、...

    js使用小技巧

    让英文字符串超出表格宽度自动换行 word-wrap: break-word; word-break: break-all; 透明背景 <IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe> 获得style内容 obj.style.cssText ...

Global site tag (gtag.js) - Google Analytics