截取字符串的方法

一、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);
}

需要注意的是，我們在封裝截取字符串函數時也要同時考慮從字符串的頭部開始截取和從字符串的尾部開始截取兩種情況。