CINXE.COM
EvoComp - JavaScript Beispiel: JavaScript String Substring - Teilstring aus einem String entnehmen
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>EvoComp - JavaScript Beispiel: JavaScript String Substring - Teilstring aus einem String entnehmen</title> <meta name="description" content="Mit der Methode String.substring lassen sich Teilstrings aus einer Zeichenkette entnehmen." /> <meta name="keywords" lang="de" content="javascript string substring,javascript substring,javascript teilstring,javascript,substring" /> <meta name="language" content="de" /> <meta http-equiv="content-language" content="de" /> <meta name="robots" content="index,follow,noarchive" /> <meta name="date" content="2008-08-11"> <meta name="DC.Date" content="2008-08-11"> <base href="http://www.evocomp.de/beispiele/javascript/substring.html"> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <meta name="author" content="Alexander Müller"> <meta name="DC.Creator" content="Alexander,Müller"> <meta name="DC.Publisher" content="Alexander,Müller"> <meta name="DC.Contributor" content="Alexander,Müller"> <meta name="DC.Type" content="Text"> <meta name="DC.Format" content="text/html"> <meta name="DC.Identifier" content="http://www.evocomp.de/"> <meta http-equiv="expires" content="0"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-Style-Type" content="text/css"> <link rel="icon" href="/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> <link rel="stylesheet" type="text/css" href="/portal.css"> <script src="/portal.js" type="text/javascript"></script> <meta name="revisit-after" content="15 days"> <meta http-equiv="pragma" content="no-cache"> <meta name="audience" content="Alle"> </head> <body> <a id="top" name="top"><img class="transparent" border="0" name="icount" src="/pic/transparent.gif" alt=""></a> <script language="javascript" type="text/javascript"> <!-- // hide from older browsers frameCheck (); document.getElementsByName ("icount") [0].src = "/pic/transparent.gif?" + Math.random (); // --> </script> <a href="/" title=""><img class="logo" border="0" src="/pic/logo_evocomp.jpg" alt=""></a> <p class="banner"> <a href="http://www.kunstundreisen.de" rel="nofollow" title="" target="_blank"><img border="0" src="http://www.kunstundreisen.de/mehr/verlinkung/grafiken/kunstundreisen_468_60.gif" width="468" height="60" alt=""></a> <img border="0" src="/pic/ad.gif" alt=""> </p> <div id="container"> <ul id="topmenu"> <li><a href="/index.html" title="Startseite">Home</a></li> <li><a href="/sitemap.html" title="Seitenstruktur">Sitemap</a></li> <li><a href="/contact.html" title="Kontakt">Kontakt</a></li> <li><a href="/imprint.html" title="Impressum">Impressum</a></li> </ul> <div id="contentcontainer"> <div id="breadcrumb">Sie sind hier: <a href="/index.html" title="Startseite">Home</a> :: <a href="/beispiele/beispiele.html" title="Beispiele Script">Beispiele</a> :: <a href="/beispiele/javascript/javascripts.html" title="JScript / JavaScripts / JavaScript Beispiele">JavaScript</a> :: <a href="/beispiele/javascript/string.html" title="String Java Script">String</a> :: <a href="/beispiele/javascript/substring.html" title="substring Java Script">substring</a> </div> <div id="sample"> <ul> <li>Beispiele</li> <li>Methoden</li> <li><a href="/beispiele/javascript/alert.html" title="java script alert javascript">» alert</a></li> <li><a href="/beispiele/javascript/back.html" title="window back javascript">» back</a></li> <li><a href="/beispiele/javascript/clearinterval.html" title="clearinterval javascript">» clearInterval</a></li> <li><a href="/beispiele/javascript/cleartimeout.html" title="cleartimeout javascript">» clearTimeout</a></li> <li><a href="/beispiele/javascript/window-close.html" title="javascript window close javascript">» close</a></li> <li><a href="/beispiele/javascript/confirm.html" title="window confirm javascript">» confirm</a></li> <li><a href="/beispiele/javascript/getelementbyid.html" title="document getelementbyid javascript">» getElementById</a></li> <li><a href="/beispiele/javascript/indexof.html" title="indexof javascript">» indexOf</a></li> <li><a href="/beispiele/javascript/window-open.html" title="javascript window open javascript">» open</a></li> <li><a href="/beispiele/javascript/print.html" title="window print javascript">» print</a></li> <li><a href="/beispiele/javascript/prompt.html" title="window prompt javascript">» prompt</a></li> <li><a href="/beispiele/javascript/reload.html" title="java script reload javascript">» reload</a></li> <li><a href="/beispiele/javascript/location-replace.html" title="java script replace javascript">» replace (Location)</a></li> <li><a href="/beispiele/javascript/setinterval.html" title="window setinterval javascript">» setInterval</a></li> <li><a href="/beispiele/javascript/settimeout.html" title="window settimeout javascript">» setTimeout</a></li> <li><a href="/beispiele/javascript/split.html" title="split javascript">» split</a></li> <li><a href="/beispiele/javascript/substring.html" title="substring javascript">» substring</a></li> <li><a href="/beispiele/javascript/write.html" title="document write javascript">» write</a></li> <li>Eigenschaften</li> <li><a href="/beispiele/javascript/location-href.html" title="location href javascript">» href (Location)</a></li> <li><a href="/beispiele/javascript/document-url.html" title="url javascript">» url</a></li> <li>Objekte</li> <li><a href="/beispiele/javascript/array.html" title="java script array javascript">» Array</a></li> <li><a href="/beispiele/javascript/date.html" title="javascript datum,zeit / time,date javascript">» Date</a></li> <li><a href="/beispiele/javascript/document.html" title="java script document javascript">» Document</a></li> <li><a href="/beispiele/javascript/event.html" title="event javascript">» Event</a></li> <li><a href="/beispiele/javascript/history.html" title="java script history javascript">» History</a></li> <li><a href="/beispiele/javascript/location.html" title="java script location javascript">» Location</a></li> <li><a href="/beispiele/javascript/string.html" title="java script string javascript">» String</a></li> <li><a href="/beispiele/javascript/style.html" title="CSS Style javascript">» Style (CSS)</a></li> <li><a href="/beispiele/javascript/window.html" title="java script window javascript">» Window</a></li> <li>Ereignisse (Events)</li> <li><a href="/beispiele/javascript/event-onclick.html" title="onclick javascript">» onclick</a></li> <li><a href="/beispiele/javascript/event-onload.html" title="onload javascript">» onload</a></li> <li><a href="/beispiele/javascript/event-onchange.html" title="onchange javascript">» onchange</a></li> <li>Sprache</li> <li><a href="/beispiele/javascript/for.html" title="for javascript">» for</a></li> <li><a href="/beispiele/javascript/for-in.html" title="for in javascript">» for in</a></li> <li><a href="/beispiele/javascript/for-each.html" title="for each javascript">» for each</a></li> <li><a href="/beispiele/javascript/function.html" title="function javascript">» function</a></li> <li><a href="/beispiele/javascript/if.html" title="if javascript">» if</a></li> <li><a href="/beispiele/javascript/switch.html" title="switch javascript">» switch</a></li> <li><a href="/beispiele/javascript/while.html" title="while javascript">» while</a></li> <li><a href="/beispiele/javascript/do-while.html" title="do while javascript">» do ... while</a></li> <li><a href="/beispiele/javascript/variable.html" title="variable javascript">» Variable</a></li> <li><a href="/beispiele/javascript/try-catch.html" title="try javascript">» try (Exceptions)</a></li> <li>Ajax</li> <li><a href="/beispiele/javascript/ajax.html" title="ajax javascript">» Ajax</a></li> <li>Sonstiges</li> <li><a href="/beispiele/javascript/bilder.html" title="bilder javascript">» Bilder</a></li> <li><a href="/beispiele/javascript/browser.html" title="browser javascript">» Browser</a></li> <li><a href="/beispiele/javascript/checkbox.html" title="checkbox javascript">» Checkbox</a></li> <li><a href="/beispiele/javascript/cookies.html" title="cookies javascript">» Cookies</a></li> <li><a href="/beispiele/javascript/countdown.html" title="countdown javascript">» Countdown</a></li> <li><a href="/beispiele/javascript/cursor.html" title="cursor javascript">» Cursor</a></li> <li><a href="/beispiele/javascript/div.html" title="div javascript">» DIV</a></li> <li><a href="/beispiele/javascript/dom.html" title="dom javascript">» DOM</a></li> <li><a href="/beispiele/javascript/fenster.html" title="html fenster javascript">» Fenster</a></li> <li><a href="/beispiele/javascript/form.html" title="form javascript">» Form</a></li> <li><a href="/beispiele/javascript/html.html" title="html javascript">» HTML</a></li> <li><a href="/beispiele/javascript/popup.html" title="popup javascript">» PopUp</a></li> <li><a href="/beispiele/javascript/redirect.html" title="redirect javascript">» redirect</a></li> <li><a href="/beispiele/javascript/submit.html" title="submit javascript">» submit</a></li> <li><a href="/beispiele/javascript/textarea.html" title="textarea javascript">» Textarea</a></li> <li><a href="/beispiele/javascript/trim.html" title="string trim javascript">» trim String</a></li> <li><a href="/beispiele/javascript/void.html" title="void javascript">» void</a></li> <li><a href="/beispiele/javascript/xml.html" title="xml javascript">» XML</a></li> </ul> </div> <h1 class="notopmargin">JavaScript Substring Methode</h1> <p class="norm"> Mit der <strong>JavaScript-Methode substring</strong> ist es möglich, aus beliebigen <a href="/beispiele/javascript/string.html" title="zeichenketten java script">Zeichenketten</a> bestimmte Teile zu extrahieren. Diese <strong>Teilstrings</strong> können beliebig aus einer anderen <strong>Zeichenkette</strong> entnommen (kopiert und in einer neuen String-Instanz) und von der Methode substring zurückgeliefert werden. Die Auswahl, welche der in einem <strong>String</strong> enthaltenen Zeichen dabei entnommen werden wird über die Indexpositionen der ensprechenden Zeichen inerhalb der Zeichenkette getroffen. </p> <p class="norm"> Hierbei ist die Tatsache, dass es sich bei einem String um ein <a href="/beispiele/javascript/array.html" title="array java script">Array</a> von Zeichen handelt, die aneinander gereiht eben ein String ergeben, von großer Bedeutung. Genau wie bei den Arrays kann auch auf <strong>Strings</strong> über den Index auf einzelne Elemente – ebenso wie im Array auf Elemente, die hier auch unterschiedliche Datentypen haben können; bei Strings eben auf bestimmte Zeichen – mit dem Vektoroperator ([]) zugegriffen werden. Auch beim Zugriff auf Zeichen eines Strings mit dem Vektoroperator gilt, dass das erste Zeichen im String unter der Indexposition 0 gespeichert ist. </p> <p class="norm"> Als Parameter erwartet die Methode substring zumindest einen, der die Indexposition des Zeichens angibt, ab dem das <strong>Teilstring</strong> aus der Zeichenkette entnommen werden soll. Der optionale zweite Parameter gibt die Position des Zeichens im String an, ab dem die Zeichen der Zeichenkette aus dem <strong>Quellstring</strong> nicht mehr im Teilstring enthalten sein sollen. Wird dieser Parameter weggelassen, so liefert substring alle Zeichen aus der Quellzeichenkette, die ab der im ersten Parameter angegebenen Position im Quellstring stehen. </p> <p class="norm"> Eine weitere Möglichkeit zur <strong>Aufteilung von Zeichenketten</strong> bietet die String-Methode <a href="/beispiele/javascript/split.html" title="split string java script">split</a>. Aufgabe dieser Methode des vordefinierten JavaScript-Objekts String ist es, eine Zeichenkette mittels angegebenem Trennzeichen oder Trennstring aufzuteilen. Das Ergebnis dieser Operation ist ein Array, welches die gefundenen und durch den Trenner getrennten Bestandteile des String je in einem seiner Elemente speichert. </p> <p class="norm"> Zum Thema Substrings finden Sie weitere Ausführungen über das Extrahieren von Zeichenketten unter <a href="/beispiele/php/substr.html" title="PHP String Substr">PHP Substr</a>. Hier wird das Extrahieren von Teilzeichenketten in der Programmiersprache PHP erklärt. Beachten Sie bitte auch die bei der Verarbeitung von Strings interessanten Methoden <a href="/beispiele/javascript/indexof.html" title="string indexof java script">indexOf()</a> und <a href="/beispiele/javascript/trim.html" title="trim string java script">trim(), ltrim() und rtrim()</a>, die auf separaten Seiten demonstriert werden. </p> <h2>JavaScript Substring Beispiel: Teilstrings aus einer Zeichenkette ermitteln</h2> <p class="norm"> Das nun folgende Script zeigt, wie die Methode substring angewendet werden kann. Hier werden die unterschiedlichen Möglichkeiten, die <strong>substring zum Extrahieren von Teilstrings</strong> bietet, anhand von Beispielen gezeigt. Die von der Methode substring gelieferten <strong>Teilzeichenketten</strong> werden im aktuellen <a href="/beispiele/javascript/html.html" title="html javascript in">HTML</a>-Dokument nach der Ausführung des JavaScript-Codes – direkt an der Stelle, an der die JavaScript-Befehle stehen – ausgegeben. </p> <p class="norm"> Zur Ausgabe der <strong>Strings</strong> bedient sich das Script einer Methode des JavaScript-Objekts <a href="/beispiele/javascript/document.html" title="document java script">Document</a>. Die Methode <a href="/beispiele/javascript/write.html" title="document write java script">write()</a> dient der Ausgabe von Zeichenketten und Variablen, deren Inhalt vor der Ausgabe in eine Zeichenkette umgewandelt wird. </p> <div class="code2"> <pre><script language="javascript" type="text/javascript"> <span class="code_comment"><!-- // JavaScript-Bereich für ältere Browser auskommentieren</span> <span class="code_comment">// Zeichenkette initialisieren, auf deren Basis die Teilstrings</span> <span class="code_comment">// ermittelt werden.</span> <span class="code_keyword">var </span>zeichenkette = <span class="code_string">'Abfallverwertungsanlage'</span>; <span class="code_comment">// Ein weiteres String wird mit einer durch die Methode substring</span> <span class="code_comment">// gelieferten Teilzeichenkette initialsiert. Hier werden die</span> <span class="code_comment">// Zeichen von Index 0 bis 5 aus der Ausgangszeichenkette entnommen.</span> <span class="code_keyword">var </span>teilstring = zeichenkette.substring (0, 6); <span class="code_comment">// Ausgabe des Teilstrings im aktuellen HTML-Dokument</span> document.write (<span class="code_string">'Teilstring vom Index 0-5: '</span> + teilstring + <span class="code_string">'<br>'</span>); <span class="code_comment">// Extrahieren des Teilstrings von Indexposition 6 bis 15</span> teilstring = zeichenkette.substring (6, 16); document.write (<span class="code_string">'Teilstring vom Index 6-15: '</span> + teilstring + <span class="code_string">'<br>'</span>); <span class="code_comment">// Teilstring von Position 6 bis zum Ende der Zeichenkette</span> teilstring = zeichenkette.substring (6); document.write (<span class="code_string">'Teilstring ab Index 6: '</span> + teilstring + <span class="code_string">'<br>'</span>); <span class="code_comment">// --></span> </script> </pre> </div> <p class="sample2"> <script language="javascript" type="text/javascript"> <!-- // JavaScript-Bereich f黵 鋖tere Browser auskommentieren // Zeichenkette initialisieren, auf deren Basis die Teilstrings // ermittelt werden. var zeichenkette = 'Abfallverwertungsanlage'; // Ein weiteres String wird mit einer durch die Methode substring // gelieferten Teilzeichenkette initialsiert. Hier werden die // Zeichen von Index 0 bis 5 aus der Ausgangszeichenkette entnommen. var teilstring = zeichenkette.substring (0, 6); // Ausgabe des Teilstrings im aktuellen HTML-Dokument document.write ('Teilstring vom Index 0-5: ' + teilstring + '<br>'); // Extrahieren des Teilstrings von Indexposition 6 bis 15 teilstring = zeichenkette.substring (6, 16); document.write ('Teilstring vom Index 6-15: ' + teilstring + '<br>'); // Teilstring von Position 6 bis zum Ende der Zeichenkette teilstring = zeichenkette.substring (6); document.write ('Teilstring ab Index 6: ' + teilstring + '<br>'); // --> </script> </p> </div> <div id="left"> <div class="containerblock"> <p class="title">¬ Menu</p> <ul class="content"> <li><a href="/themen/evolutionsalgorithmen/evoalg.html" title="Evolutionäre Algorithmen">» Evolutionsalgorithmen</a></li> <li><a href="/softwareentwicklung/software-entwicklung.html" title="Software-Entwicklung">» Softwareentwicklung</a></li> <li><a href="/tutorials/tutorial.html" title="Tutorials / Tutorien">» Tutorials</a></li> <li><a href="/scripts/skripte.html" title="Free Scripts / Gratis Skripte Download">» Scriptarchiv</a></li> <li><a href="/beispiele/beispiele.html" title="Beispiele Scripts">» Beispiele</a></li> <li><a href="/beispiele/javascript/javascripts.html" title="JavaScripts / JavaScript Beispiel"> » JavaScript</a></li> <li><a href="/beispiele/php/php.html" title="PHP Script"> » PHP</a></li> <li><a href="http://forum.evocomp.de/" target="_blank" title="Forum Webentwicklung / Webprogrammierung">» Forum</a></li> <li><a href="/historie/historie.html" title="Historie">» Historie</a></li> <li><a href="/glossar/glossar.html" title="Glossar">» Glossar</a></li> <li><a href="/links/links.html" title="Links">» Links</a></li> <li><a href="/literatur/literatur.html" title="Literatur">» Literatur</a></li> <li><a href="/visitenkarte/index.html" title="Visitenkarte" target="_blank">» Visitenkarte</a></li> </ul> </div> <div class="containerblock"> <p class="title">¬ Gratis Download</p> <ul class="content"> <li><a href="/scripts/java-script-download/java-script-galerie/javascript-galerie.html" title="html bildergalerie">Web Galerie</a></li> <li><a href="/scripts/php-scripts-download/php-bilder-galerie/php-photo-galerie.html" title="dynamische bildergalerie">PHP Bildergalerie</a></li> <li><a href="/scripts/php-scripts-download/php-counter-class/php-counter-script.html" title="homepage counter">Besucherzähler</a></li> <li><a href="/scripts/java-script-download/java-script-fontsize/javascript-fontsize.html" title="schriftgröße html">Schriftgröße</a></li> </ul> </div> <div class="containerblock"> <p class="title">¬ Seminare</p> <ul class="content"> <li><a href="/beispiele/javascript/seminar-schulung-kurs-lernen.html" title="JavaScript lernen">JavaScript Kurs</a></li> <li><a href="/beispiele/php/lernen-kurs-schulung-seminar.html" title="PHP lernen">PHP Kurs</a></li> </ul> </div> <br/><br/> <div class="containerblock"> <p class="title">¬ Yoga</p> <ul class="content"> <li><a href="/yoga/deutschland/yoga-koeln.html" title="Yoga in Köln">Yoga Köln</a></li> <li><a href="/yoga/hatha-yoga.html" title="Hatha Yoga Köln">Hatha Yoga</a></li> <li><a href="/yoga/buecher/yoga-buch.html" title="Yoga Buch">Yoga Bücher</a></li> </ul> </div> <div class="containerblock"> <p class="title">¬ Insolvenzrecht</p> <ul class="content"> <li><a href="/insolvenz/insolvenzrecht-buch.html" title="Insolvenzrecht Buch">Literatur Insolvenzrecht</a></li> </ul> </div> </div> <div id="right"> <div class="containerblock"> <p class="title">¬ News</p> <p class="content"> <span class="latest_news_date">15.08.2008</span><span class="latest_news">Schleifen in PHP: Die While-Schleife <a href="/news/15_08_2008.html" title="Meldung vom 15.08.2008">» mehr</a></span> <span class="latest_news_date">13.08.2008</span><span class="latest_news">Nutzung von Variablen unter PHP: Definition, Sichtbarkeit und vordefinierte Variablen <a href="/news/13_08_2008.html" title="Meldung vom 13.08.2008">» mehr</a></span> <span class="latest_news_date">11.08.2008</span><span class="latest_news">Ausgabe von Datum und Zeit mit PHP nach Konvertierung in ein String <a href="/news/11_08_2008.html" title="Meldung vom 11.08.2008">» mehr</a></span> <span class="news_liste_hinweis">Eine vollständige News-Liste ist auf der <a href="/news/news.html" title="News Seite">News-Seite</a> zugänglich.</span> </p> </div> <div class="containerblock"> <p class="title">¬ Foren</p> <ul class="content"> <li> <div style="display:inline;float:right;width:130px;"> <a href="http://forum.evocomp.de/f7/" target="_blank" title="JavaScript Hilfe">JavaScript Forum</a><br> <a href="http://forum.evocomp.de/f8/" target="_blank" title="PHP Hilfe">PHP Forum</a><br> </div> <img width="48" height="48" src="/pic/forum_icon.gif" alt="Foren" /> </li> </ul> </div> <div class="containerblock"> <p class="title">¬ Buchtipp</p> <p class="content"> <span class="book"><a href="http://ad.zanox.com/ppc/?5685652C554664482T&ULP=[[20836175]]" rel="nofollow" title="" target="_blank"><img border="0" src="http://bilder.buecher.de/produkte/20/20836/20836175k.jpg" alt="" /><br />JavaScript</a><br /></span> <span class="book"><hr /> Weitere JavaScript Literaturtipps finden Sie unter <a href="/beispiele/javascript/buecher.html" title="">JavaScript Bücher</a> </span> </p> </div> </div> </div> <div id="copyright"> <script language="javascript" type="text/javascript"> <!-- // hide from older browsers var emadr = mkEmAdr (1); document.write ("© 2004-2024 <a href=\"" + emadr + "\" title=\"E-Mail an Alexander Müller\">" + "Alexander Müller<\/a>"); // --> </script> <noscript> © 2004-2024 Alexander Müller<br> <a href="http://call-center.evocomp.de" title="">Call Center Central</a> </noscript> <br><a href="http://www.EvoComp.de" title="Homepage von www.EvoComp.de">www.EvoComp.de</a><br> Letzte Änderung: 11.08.2008 <p> <img border="0" src="/pic/valid-html4.01.png" width="80" height="15" alt="Valid HTML 4.01!" title="Valid HTML 4.01!"> <img border="0" src="/pic/valid-css.png" width="80" height="15" alt="Valid CSS!" title="Valid CSS!"> <br><br> <a href="http://www.gadgets4web.net/service/web-design.html" title="erstellen Internetseite, Köln">Webdesign</a> • <a href="http://www.gadgets4web.net/service/beratung.html" title="Internetseiten, Köln">Beratung Internetseite</a> • <a href="http://www.gadgets4web.net/service/web-entwicklung.html" title="Internetseite programmieren, Köln">Programmierung Internetseite</a> </p> </div> </body> </html>