<!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"
häufig verwenden Sie `indexof ()`, um die Start- oder Endindizes dynamisch zu bestimmen.
Die Methode "Split ()` unterteilt eine Zeichenfolge in ein Array von Substrings basierend auf einem angegebenen Separator. Dies eignet sich perfekt für die Handhabung von Zeichenfolgen, die Listen von Elementen enthalten, die durch ein Zeichen (z. B. von Kommas getrennte Werte) abgegrenzt wurden.
syntax: string.split(separator, limit)
separator: Das Zeichen oder die Zeichenfolge, die verwendet wird, um die Zeichenfolge zu teilen. limit (optional): Die maximale Anzahl von Substrings, die zurückgegeben werden sollen. Beispiel:
<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) |
