JavaScript字符串截取前幾位詳解

字符串截取是JS中常用的操作之一，很多場景需要對字符串的前幾位進行截取。那麼，JS中如何對字符串進行截取呢？本文將從多個方面進行詳細的闡述。

一、charAt()

charAt() 方法可返回指定位置的字符。

var str = "Hello world!";
var char = str.charAt(0);
console.log(char); //輸出 H

使用charAt()方法我們可以很方便地得到字符串中某個位置的字符。

二、slice()

slice() 方法可從已有的數組中返回選定的元素。

var str = "Hello world!";
var newStr = str.slice(0, 5);
console.log(newStr); //輸出 Hello

使用slice()方法我們可以截取字符串的某一段子串，參數一為子串的起始位置，參數二為截取的長度。

三、substring()

substring() 方法用於提取字符串中介於兩個指定下標之間的字符。

var str = "Hello world!";
var newStr = str.substring(0, 5);
console.log(newStr); //輸出 Hello

使用substring()方法同樣可以截取字符串的某一段子串，參數一為子串的起始位置，參數二為截止位置。

四、substr()

substr() 方法用於返回一個從指定位置開始的指定長度的子字符串。

var str = "Hello world!";
var newStr = str.substr(0, 5);
console.log(newStr); //輸出 Hello

使用substr()方法同樣可以截取字符串的某一段子串，參數一為子串的起始位置，參數二為截取的長度。

五、截取後加省略號

有些場景下，字符串過長需要縮略顯示，通常會在截取的串後面加上省略號。實現的方法也不難，只需要在上面的方法基礎上加入對省略號長度的判斷即可。

function addDot(str, len) {
  if (str.length > len) {
    str = str.substring(0, len) + "...";
  }
  return str;
}

var newStr = addDot("這是一個很長的字符串，需要縮略顯示。", 10);
console.log(newStr); //輸出 這是一個很長的字符串，需要縮略...

這是一個簡單的縮略顯示方法，在實際場景中可以根據需求進行改進。