Run results for: substring vs. slice vs. replace to remove string from end of input string

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/143.0.0.0 Safari/537.36 Edg/143.0.0.0

Browser: Chrome 143

Operating system: Windows

Device Platform: Desktop

Date tested: 6 months ago

Using String.slice()

334/s

Using String.substring() with a magic number

284/s

Using String.slice() without a pre-calculated suffix length

271/s

Using String.substring() with a lastIndexOf() search

173/s

Using String.replace()

164/s

View exact numbers

Test name	Executions per second
✓ Using String.slice()	334 Ops/sec
Using String.substring() with a magic number	284 Ops/sec
Using String.slice() without a pre-calculated suffix length	271 Ops/sec
Using String.substring() with a lastIndexOf() search	173 Ops/sec
Using String.replace()	164 Ops/sec

Script Preparation code:

var numOfStrings = 100000
var suffix = 'TestStringHere'
var suffixLength = suffix.length
var negSuffixLength = suffixLength * -1
var testStrings = []

// Generate test string as a UUID + the suffix above.
function uuidv4() {
   return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g,
   function(c) {
      var uuid = Math.random() * 16 | 0, v = c == 'x' ? uuid : (uuid & 0x3 | 0x8);
      return uuid.toString(16);
   });
}

for (let i = 0; i < numOfStrings; i++) {
  testStrings.push(uuidv4() + suffix)
}

Tests:

Using String.replace()
testStrings.map(str => { return str.replace(suffix, '') })
Using String.substring() with a lastIndexOf() search
testStrings.map(str => { return str.substring(0, str.lastIndexOf(suffix)) })
Using String.substring() with a magic number
testStrings.map(str => { return str.substring(0, str.length - suffixLength) })
Using String.slice()
testStrings.map(str => { return str.slice(0, negSuffixLength) })
Using String.slice() without a pre-calculated suffix length
testStrings.map(str => { return str.slice(0, suffix.length * -1) })