截取字元串的方法

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

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