Why slice() Beats substr() and substring() in Modern JavaScript

JavaScript provides three main string slicing methods: substr(), substring(), and slice(). In modern development, many teams recommend using slice() as the preferred approach.

Basic syntax comparison

First, let’s review the basic usage of these three methods.

substr() is deprecated

substr() has been marked as deprecated.

Why is it deprecated?

Confusing parameter semantics : substr(start, length) uses a length as the second argument, which is inconsistent with other methods.

Inconsistent handling of negative values : behavior may differ across environments.

Standardization issue : it is not part of the ECMAScript core specification.

substring() vs slice() detailed comparison

Although substring() remains a standard method, slice() outperforms it in several aspects.

1. Negative index handling

2. Parameter order handling

3. Consistency of behavior

const str = "Consistent Behavior";

// slice() behavior is more predictable
function safeSlice(str, start, end) {
  return str.slice(start, end);
}

// substring() implicit conversion may cause unexpected results
function riskySubstring(str, start, end) {
  return str.substring(start, end); // parameters may be unintentionally swapped
}

// Test edge cases
console.log(safeSlice(str, 5, 2));    // "" (clear empty result)
console.log(riskySubstring(str, 5, 2)); // "nsis" (unexpected result)

✅ Advantages of slice()

Standard stability : part of the ECMAScript core spec and will not be deprecated.

Consistent behavior : aligns with the behavior of Array.slice().

Powerful : supports negative indices, offering more flexible slicing.

Clear logic : parameter meanings are explicit and are not automatically swapped.

Predictability : edge‑case handling matches intuition.

Good compatibility : fully supported across all modern environments.

❌ Issues with other methods

substr() : deprecated and may be removed in the future.

substring() : parameter swapping and negative‑value handling can lead to unexpected results.