截取字符串的方法

一、js截取字符串的方法

在前端开发过程中，经常需要对字符串进行截取操作，js提供了丰富的字符串截取方法。其中substring()和slice()函数是比较常用的。

// 使用substring()函数截取
var str = "hello world";
var subStr = str.substring(0, 5); // 截取 "hello"
// 使用slice()函数截取
var str = "hello world";
var subStr = str.slice(0, 5); // 截取 "hello"

需要注意的是，substring()和slice()函数都接受起始下标和结束下标两个参数，但substring()不接受负数参数，而slice()可以接受负数参数来从字符串的末尾开始计算下标。

二、C#截取字符串的方法

C#作为一门面向对象的编程语言，提供了多种方式来截取字符串。其中Substring()函数是最常用的。

// 使用Substring()函数截取
string str = "hello world";
string subStr = str.Substring(0, 5); // 截取 "hello"

需要注意的是，Substring()函数接受的第一个参数是起始下标，第二个参数是截取的字符个数。

三、前端截取字符串的方法

除了js提供的substring()和slice()函数，前端开发中还常用到一些插件和库来实现字符串截取操作。

3.1、前端vue截取字符串的方法

在vue开发中，可以使用vue的过滤器来实现截取字符串操作。

<script>
Vue.filter('substr', function (value, start, end) {
  if (!value) return ''
  return value.substr(start, end)
})
</script>

<template>
  <div>{{str | substr(0, 5)}}</div>
</template>

3.2、string截取字符串的方法

在前端开发中，也可以使用String的substr()函数来截取字符串。

var str = "hello world";
var subStr = str.substr(0, 5); // 截取 "hello"

四、字符串从后面截取方法

除了从字符串的头部开始截取，有时候也需要从字符串的尾部开始截取。js提供了一个函数slice(-n)，可以从字符串的末尾开始计算下标，并返回从该下标开始向后的n个字符。

var str = "hello world";
var subStr = str.slice(-5); // 截取 "world"

需要注意的是，slice(-n)函数会从字符串的末尾开始计算下标，并返回从该下标开始向后的n个字符。

五、截取字符串的函数

为了提高代码复用性，可以将字符串截取封装成一个函数来调用。

// js函数
function subString(str, start, len){
    if (start < 0){
        start = str.length + start;
    }
    return str.substr(start, len);
}

// C#函数
public static string SubString(string str, int start, int count)
{
    return str.Substring(start, count);
}

需要注意的是，我们在封装截取字符串函数时也要同时考虑从字符串的头部开始截取和从字符串的尾部开始截取两种情况。