<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript String Splitting: substring() vs. split()</title>
</head>
<body>
<h1>JavaScript String Splitting: `substring()` vs. `split()`</h1>
<p>JavaScript offers two primary methods for dividing strings into substrings: `substring()` and `split()`. Each serves a distinct purpose.</p>
<h2>`substring()`</h2>
<p>The `substring()` method extracts a portion of a string based on starting and ending indices. It's ideal for retrieving a single substring from a known position within the string.</p>
<p><strong>Syntax:</strong> <code>string.substring(startIndex, endIndex)</code></p>
<ul>
<li><code>startIndex</code>: The index of the first character to include (0-based).</li>
<li><code>endIndex</code> (optional): The index *after* the last character to include. If omitted, the substring extends to the end of the string.</li>
</ul>
<p><strong>Example:</strong></p>
<pre class="brush:php;toolbar:false"><code>
const str = "Hello, world!";
const sub = str.substring(7, 12); // Extracts "world"
console.log(sub); // Output: "world"
Souvent, vous utiliserez «indexof ()» pour déterminer dynamiquement les indices de début ou de fin.
La méthode `Split ()` divise une chaîne en un tableau de sous-chaînes basées sur un séparateur spécifié. Ceci est parfait pour gérer les chaînes contenant des listes d'éléments délimités par un caractère (par exemple, des valeurs séparées par des virgules).
Syntaxe: string.split(separator, limit)
separator: le caractère ou la chaîne utilisé pour diviser la chaîne. limit (facultatif): le nombre maximal de sous-chaînes à retourner. Exemple:
<code>
const csv = "apple,banana,cherry";
const fruits = csv.split(","); // Splits at each comma
console.log(fruits); // Output: ["apple", "banana", "cherry"]
</code>| Feature | `substring()` | `split()` |
|---|---|---|
| Output | Substring (string) | Array of substrings |
| Purpose | Extract a portion at specific indices | Split into multiple substrings based on a separator |
| Index-based | Yes | No (separator-based) |
