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); //输出 这是一个很长的字符串，需要缩略...

这是一个简单的缩略显示方法，在实际场景中可以根据需求进行改进。