[基础]substr、substring、slice对比

substr 方法

var a = '0123456789';
console.log(a.substr(1,3)); // '123'
console.log(a.substr(-3,3)); // '789'
console.log(a.substr(-1)); // '9'
console.log(a.substr(11)); // ''
console.log(a.substr(-11)); // ‘0123456789'
console.log(a.substr(1,-3)); // ''
console.log(a.substr('1a')); // ‘0123456789'
console.log(a.substr('1')); // ‘123456789’
console.log(a.substr('1.3'));  // ‘123456789'
console.log(a.substr('1.6'));  // ‘123456789’
console.log(a.substr(1,'3')); // ‘123'
console.log(a.substr(1,'3a')); // ‘'
console.log(a.substr(1,’3.3')); // ‘123'
console.log(a.substr(1,’3.6')); // ‘123’
console.log(a.substr(1,-1)); // ‘'
console.log(a.substr(1,11)); // ‘’
console.log(a.substr()) // 0123456789

通过结果分析原理:

1、接受两个参数,第一个为 所取子字符串的下标位置,第二个为截取字符串的长度
2、开始位置计算方法:

1)通过Number转为数字,非数字则返回0,
2)通过parseInt对数字取整,
3)如果为负数,则+len
4)如果小于0则返回0

3、长度计算方法:

1)未指定长度,长度=max(0,len-start)
2)通过Number转为数字,非数字则返回0,
3)通过parseInt对数字取整,
4)如果小于0则返回0
5)如果大于len-start,则返回len-start

4、返回从开始下标,指定长度的子字符串

substring

var a= '0123456789',

a.substring(1,3);  // ’12'
a.substring(1,-3); // ‘0’
a.substring(-1,10); // ‘0123456789’
a.substring('1a',3); // 012
a.substring('1',3); // 12
a.substring(1,'3a'); // 0
a.substring(1,'3'); // 12
a.substring(1) ;// 123456789
a.substring(1.3); // 123456789
a.substring(1.6); // 123456789
a.substring(1,3.3);  // ’12'
a.substring(1,3.6);  // ’12’
a.substring() // 0123456789


通过结果分析原理:

1、接受两个参数,第一个为所取子字符串的开始下标位置,第二个参数为截取字符串的结束下标(不包含)
2、首先计算,开始下标位置

1)未指定,则返回0
2)Number转为数字,非数字返回0,
3)parseInt转为整数
4)小于0,返回0

3、计算结束下标

1)未指定,则返回len
2)Number转为数字,非数字返回0
3)parseInt转为整数
4)小于0,则返回0
5)大于len,则返回len

4、如果结束下标大于开始下标,则交换

5、返回开始下标、结束下标区间的子字符串

slice


var a= '0123456789',

a.slice(1,-3); // ‘123456’
a.slice(-1,10); // ‘9’
a.slice('1a',3); // 012
a.slice('1',3); // 12
a.slice(1,'3a'); // ‘’
a.slice(1,'-3a'); // ‘’
a.slice(1,'3'); // 12
a.slice(1,’-3'); // 123456
a.slice(1) ;// 123456789
a.slice(1.3); // 123456789
a.slice(1.6); // 123456789
a.slice(1,3.3);  // ’12'
a.slice(1,3.6);  // ’12’
a.slice() // 0123456789

通过结果分析原理:
1、接受两个参数,第一个参数代表开始截取字符串的下标,第二个参数代表截取字符串的结束下标(不包含)
2、首先计算开始下标:

1)未指定,则返回0
2)Number转为数字,非数字返回0
3)parseInt转为整数
4)小于0,则+len
5)小于0,则返回0

3、计算结束下标

1)未指定,则返回len
2)Number转为数字,非数字返回0
3)parseInt转为整数
4)小于0,则+len
5)小于0,则返回0
6)大于len,则返回len

4、结束下标<=开始下标,返回空子字符串

5、返回根据开始下标、结束下标截取的字符串

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,767评论 18 399
  • Javascript有很多数组的方法,有的人有W3C的API,还可以去MDN上去找,但是我觉得API上说的不全,M...
    顽皮的雪狐七七阅读 4,219评论 0 6
  • 从春雨到冬雪 从微风到细雨 从炽热到冷却 我忘了是多少个秋 我忘了是多少个晴 我始终在等你 望穿秋水地等你
    珈迦阅读 317评论 3 11
  • 什么是foundation框架 框架是由许多类、方法、函数组成的一个类库,以便开发者更方便的开发程序。Founda...
    ___珋月阅读 434评论 0 0
  • 一个朋友,打电话给我,声音颤抖,想要见我。听着她与往常不一样的声音,我很是担心她,挂下电话,我立马穿上衣服、鞋子,...
    城火阅读 1,607评论 12 15