JavaScript 中 String.slice 和 String.substring 的区别

Tahseen Tauseef 2023年10月12日
  1. 什么是 JavaScript 中的字符串和原型
  2. 什么是 JavaScript 中的 slicesubstring
  3. JavaScript 中 slicesubstring 之间的相似之处是什么
  4. JavaScript 中 slicesubstring 之间的区别是什么
JavaScript 中 String.slice 和 String.substring 的区别

在本教程文章中,我们将讨论 JavaScript 中的 slice 和 substring 以及它们的区别和区别;本文将解决以下问题:

  • 什么是字符串和原型
  • 什么是 slicesubstring
  • slicesubstring 之间有什么相似之处
  • slicesubstring 之间有什么区别

什么是 JavaScript 中的字符串和原型

让我们从讨论 String 对象开始。string 对象用于表示字符序列,通常用于需要表示为文本的数据。

注意
原始值不能有属性或方法。

JavaScript 通过将原始值包装在一个特殊的对象包装器中来将它们视为对象,该对象包装器提供了额外的功能,例如辅助方法和属性。每个原始类型都有它的对象包装器;字符串类型称为 String

让我们把注意力集中在 prototype 上,一个 prototype 是一个包含所有 JavaScript 对象的全局属性。它允许向现有对象添加新方法和属性。

function footballClub(name, stadium, founded) {
  this.name = name;
  this.stadium = stadium;
  this.founded = founded;
}
footballClub.prototype.firstTeamPlayers = 11;

const FCB = new footballClub('FC Barcelona', 'Camp Nou', 1899);
console.log(FCB.firstTeamPlayers);
// logs 11

输出:

11

在上面的示例中,每个 footballClub 实例都将 firstTeamPlayers 属性设置为 11。同样,prototype 属性允许你向字符串添加新的属性和方法。

什么是 JavaScript 中的 slicesubstring

slicesubstring 是原型属性,它们以函数的形式存在于所有 JavaScript 字符串中。slicesubstring 函数提取字符串的一部分并将其作为新字符串返回。slice 方法不会改变原来的 string

它有两个参数,第一个参数指定开始提取的起始索引(索引从 0 开始),第二个参数指定字符串的结束索引(结束索引不作为提取的一部分)

let str = 'Gonna be extracted,Help!';
let slicedStr = str.slice(3, 8);
let substringStr = str.substring(3, 8);
console.log(slicedStr)     // logs: na be
console.log(substringStr)  // logs: na be

输出:

na be
na be

JavaScript 中 slicesubstring 之间的相似之处是什么

如果 start 等于 stop slicesubstring 都返回一个空字符串。

let str = 'Gonna be extracted,Help!';
let slicedStr = str.slice(8, 8);
let substringStr = str.substring(9, 8);
console.log(slicedStr)     // logs:
console.log(substringStr)  // logs:

输出:

如果 stop(第二个参数)不包括 slicesubstring 提取字符直到字符串的末尾。

let str = "Gonna be extracted,Help!"; 
let slicedStr = str.slice(3);
let substringStr = str.substring(3);
console.log(slicedStr) // logs: na be extracted,Help!
console.log(substringStr) // logs: na be extracted,Help!

输出:

na be extracted,Help!
na be extracted,Help!

如果 startstop 参数大于字符串的长度,则将使用字符串的长度而不是传递的参数。

let str = 'Gonna be extracted,Help!';
let slicedStr = str.slice(1, 100);
let substringStr = str.substring(1, 100);
console.log(slicedStr)     // logs: onna be extracted,Help!
console.log(substringStr)  // logs: onna be extracted,Help!

输出:

onna be extracted,Help!
onna be extracted,Help!

JavaScript 中 slicesubstring 之间的区别是什么

如果 start 参数大于 slice 中的 stop 参数,它将返回一个空字符串,而如果是这种情况,substring 将交换这两个参数。

let str = 'Gonna be extracted,Help!';
let slicedStr = str.slice(8, 3);
let substringStr = str.substring(8, 3);
console.log(slicedStr)     // logs:
console.log(substringStr)  // logs: na be

输出:

na be

如果 start 参数或 stop 参数为负数或 NaN,则将其视为 substring 中的 0,而在 slice 中,如果 start 参数为负数,则设置字符字符串的结尾。

let str = 'Gonna be extracted,Help!';
let slicedStr = str.slice(-1);
let substringStr = str.substring(-1);
console.log(slicedStr)     // logs: !
console.log(substringStr)  // logs: Gonna be extracted,Help!

输出:

!
Gonna be extracted,Help!

相关文章 - JavaScript String