Home-theater-designers
JavaScriptでプログラミングしていると、文字列の操作が必要なシナリオに出くわすことがよくあります。たとえば、電子メールを取得するときに、すべての文字を小文字に変換するか、正規表現を使用して、入力したパスワードがすべての条件を満たすかどうかを確認する必要がある場合があります。
JavaScript文字列メソッドは、要件に従って文字列に対してこれらすべての操作を簡単に実行するのに役立ちます。ここに、それらをよく理解するのに役立つ例を含む10個の文字列メソッドがあります。
JavaScript文字列メソッドとは何ですか？
文字列は、一連の文字で構成される基本的なデータ構造です。このデータ構造は、Python、JavaScript、Javaなどを含むすべての主要なプログラミング言語の一部です。
文字列メソッドは、開発者がコードを手動で記述しなくても文字列に対して一般的な操作を実行できるようにする、事前に構築されたJavaScriptメソッドです。これらは、文字列変数に付加されたドット表記を使用して実行されます。
関連している： プログラミングの機能とは何ですか？
低所得の家族のためのクリスマスの助け
これらは単なるJavaScript関数であるため、オプションの引数を保持できる括弧で常に終了します。知ることは不可欠です JavaScriptとは何かとその仕組み 先に進む前に。始めて、これらの方法をさらに詳しく学びましょう。
今後のメソッドについては、文字列変数を取りましょう NS 'の値で MUOへようこそ！ 例として '。
let str = 'Welcome to MUO!'1. String.toLowerCase（）およびString.toUppperCase（）
NS toLowerCase（） stringメソッドは、指定された文字列のすべての文字を小文字に変換します。同様に、 toUpperCase（） メソッドは、すべての文字を大文字に変換します。これらの関数は元の文字列を変更しません。
構文：
toUpperCase()
toLowerCase()簡単な例を使用して、次の2つの方法を確認してみましょう。
console.log(str.toLowerCase());
console.log(str.toUpperCase());
console.log(str);上記のコードをコンソールで実行すると、次の出力が表示されます。
'welcome to muo!'
'WELCOME TO MUO!'
'Welcome to MUO!'2. String.concat（）
NS concat（） メソッドは、2つ以上の文字列を結合するために使用されます。このメソッドに1つ以上の引数を追加して、それらを1つの文字列に連結できます。元の文字列は変更されません。
構文：
concat(str1, str2, str3, ...)新しい文字列を形成するための2つの文字列の連結を示す例を次に示します。
let str2 = ' How are you?';
let newString = str.concat(str2);
console.log(newString);
'Welcome to MUO! How are you?'3. String.indexOf（）およびString.lastIndexOf（）
NS の指標（） メソッドは、指定された文字または部分文字列が存在する最初のインデックスを見つけるのに役立ちます。左側から開始し、文字列をトレースして、指定された引数が一致するかどうかを確認します。
構文：
indexOf(str)インデックスを見つけましょう MUO 例を使用して文字列に存在します。
console.log(str.indexOf('MUO')); 11指定された引数が文字列に存在しない場合、メソッドは-1の値を返します。
console.log(str.indexOf('Hello')); -1同様に、 lastIndexOf（） メソッドは、指定された文字または文字列の最後の出現のインデックスを返します。次に例を示します。
console.log(str.lastIndexOf('e')); 6アルファベットなのに と インデックス1に表示され、この文字の最後の出現はインデックス6にあるため、出力として返されます。
4. String.charAt（）
NS charAt（） stringメソッドは、文字列内の指定されたインデックスにある文字を返します。これは、文字が取得されるインデックスである1つの引数のみを受け入れます。インデックス値の範囲は0から長さ-1です。
構文：
charAt(index)これがの例です charAt（） 方法：
console.log(str.charAt(9));
console.log(str.charAt(0));
console.log(str.charAt(str.length - 1)); o
W
!上記の例では、 str.length -1 引数として渡された場合、メソッドは文字列の最後の文字を返します。許容範囲を超える無効なインデックスを入力すると、このメソッドは-1を返します。
5. String.charCodeAt（）
charAtメソッドと同様に、 NS charCodeAt（） メソッドはを返します ASCII値 指定されたインデックスの文字の。この文字列メソッドは、文字を取得するインデックスである1つの引数のみを取ります。
構文：
charCodeAt(index) str.charCodeAt(5);
str.charCodeAt(str.length - 1); 109
33繰り返しになりますが、インデックス値の範囲は0から長さ-1であり、許容限度を超えてインデックスを渡そうとすると、このメソッドは-1を返します。
6. String.replace（）
名前が示すように、 交換（） メソッドは、文字列の一部を別の部分に置き換えるのに役立ちます。このメソッドは2つの引数を取ります。最初の引数は置き換えられるサブストリングであり、2番目の引数は置き換えられるサブストリングです。このメソッドは、元の文字列に変更を加えません。
構文：
replace(str1, str2)たとえば、単語を置き換えたい場合 MUO と このウェブサイト 文字列変数では、を使用できます 交換（） このような方法：
let newString = str.replace('MUO', 'this website');
console.log(newString);
console.log(str); Welcome to this website!
Welcome to MUO!7. String.split（）
NS スプリット（） メソッドは、メソッドに渡される区切り引数に従って、文字列内のすべての単語または文字を分解するために使用されます。このメソッドの戻り型は配列です。この配列は、指定された区切り文字に従って分割されたすべての文字または部分文字列で構成されます。このメソッドは元の文字列を変更しません。
構文：
split(separator)たとえば、splitメソッドに区切り引数として空白スペース（ ''）が渡された場合、出力は次のようになります。
let splitArray = str.split(' ');
console.log(splitArray); ['Welcome', 'to', 'MUO!']に引数を渡さない場合 スプリット（） メソッドの場合、文字列変数の値で構成される単一の要素を持つ配列を返します。
let splitArray = str.split();
console.log(splitArray); ['Welcome to MUO!']8. String.substring（）
NS substring（） メソッドは、元の文字列の部分文字列または一部を取得するために使用されます。このメソッドは、開始インデックスと終了インデックスの2つのパラメーターを取ります。出力部分文字列は、指定された開始インデックスから始まり、終了インデックス-1まで出力されます。
構文：
substring(startIndex, endIndex)これがの簡単な例です substring（） 方法：
console.log(str.substring(2,8)); 'lcome'終了インデックスの文字は出力の一部ではないことに注意してください。
9. String.search（）
NS 探す（） メソッドは、元の文字列内の特定の部分文字列または文字を見つけるのに役立ちます。このメソッドは、文字またはサブストリングのグループを引数として受け入れ、ストリングをトレースします。一致するものが見つかると、一致した部分の開始インデックスが返されます。それ以外の場合、このメソッドは-1を返します。
構文：
search(substring)あなたは利用することができます 探す（） この方法での方法：
console.log(str.search('MUO'));
console.log(str.search('2')); 11
-110. String.trim（）
NS トリム（） メソッドは、最初の文字の前と最後の文字の後の文字列内のすべての空白を削除します。このメソッドでは、パラメータを渡す必要はなく、元の文字列を変更することもありません。フォームでのユーザー入力の検証に非常に役立ちます。
構文：
trim()この文字列メソッドを調べるために、新しい例を見てみましょう。
Windows10の時間が間違っている
let untrimmedString = ' Welcome to MUO! ';
let trimmedString = untrimmedString.trim();
console.log(trimmedString);
console.log(untrimmedString); 'Welcome to MUO!'
' Welcome to MUO! 'チェックアウトするその他のJavaScriptメソッド
したがって、これは、JavaScript開発者としての生産性を高めるのに役立ついくつかの一般的な文字列メソッドの簡単なまとめでした。これらの方法は、文字列関連の質問に対するコーディングインタビューのエースにも役立ちます。練習は完璧なので、先に進んで、自分のコンソールでこれらの方法を試してみてください。
文字列メソッドを使い終えたら、JavaScriptの習得をさらに強化できるいくつかの配列メソッドを確認する価値があるかもしれません。
共有 共有 つぶやき Eメール 今日習得すべき15のJavaScript配列メソッドJavaScript配列を理解したいのですが、それらを理解することができませんか？ガイダンスについては、JavaScript配列の例を確認してください。
次を読む 関連トピック- プログラミング
- JavaScript
- コーディングのヒント
Nitinは、熱心なソフトウェア開発者であり、JavaScriptテクノロジーを使用してWebアプリケーションを開発するコンピューターエンジニアリングの学生です。彼はフリーランスのWeb開発者として働いており、自由な時間にLinuxとプログラミングのために書くのが好きです。
NitinRanganathのその他の作品ニュースレターを購読する
ニュースレターに参加して、技術的なヒント、レビュー、無料の電子書籍、限定セールを入手してください。
購読するにはここをクリックしてください