截取字符串

substring()

语法

str.substring(indexStart[, indexEnd])

参数

indexStart

从哪开始截取且包含这个位置的字符（索引号从0开始）

indexEnd

可选

截取到哪且不包含这个位置的字符

• 如果任一参数小于 0 或为 NaN，则被当作0。
• 如果 indexStart 大于 indexEnd，则 substring 的执行效果就像两个参数调换了一样。

<div class="box">测试文字苹果香蕉</div>
<!-- length = 8 / index = [0-7] -->
<script>
let box = document.querySelector('.box')
let boxText = box.innerHTML

//"测试文字"
boxText.substring(0, 4)
boxText.substring(4, 0) 
 
//"测试文字苹果香"
boxText.substring(0,7)
boxText.substring(4, 0) 

//"测试文字苹果香蕉"
boxText.substring(0, 8)
boxText.substring(0, 999) 
  
// ""
boxText.substring(3,3)
</script>

返回值

截取下来的字符串

String.prototype.substring() – JavaScript | MDN

slice()

语法

str.slice(beginIndex[, endIndex])

• 返回的字符串也是包含初始值的那个字符，不包含结束值的那个字符
• slice参数可以是负值，而substring不支持
• substring的start和end位置调换也没关系，规则是由数值小的位置到数值大的位置，而slice则不行！

slice()和substring() – 罗颖峰 – 博客园

var str = 'The morning is upon us.';
str.slice(-3);     // 返回 'us.'
str.slice(-3, -1); // 返回 'us'
str.slice(0, -1);  // 返回 'The morning is upon us'

#给_slice()_传入负值索引