Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScript分割:ステップバイステップガイド

JavaScriptのsplit()メソッドは、文字列を部分文字列の配列に分割します。これらの部分文字列は、新しい配列に追加されます。 split()は、部分文字列の新しい配列を返します。


プログラミングをしていると、大きな文字列からテキストを取得する必要がある場合がよくあります。 1つの文字列からユーザーの名前と名前を別々に取得するとします。文字列からその情報を取得するにはどうすればよいですか?

そこで、JavaScriptのsplit()メソッドが登場します。split()は、文字列をサブ文字列のリストに分割します。このガイドでは、例を参照して、split()メソッドの使用方法について説明します。

文字列リフレッシャー

split()を見る前に およびslice() 関数については、文字列がどのように機能するかを思い出してください。文字列は、文字、記号、または数字を含む1つ以上の文字のシーケンスです。

文字列内の各文字には、0から始まるインデックス番号を使用してアクセスできます。例を使用して、文字列にインデックスを付ける方法を説明しましょう。

H e l l o
t h e r e
1 2 3 4 5 6 7 8 9 10

ご覧のとおり、文字列の最初の文字は「H」で、インデックス値は「0」です。最後の文字は「e」で、インデックス値は「10」です。 2つの単語の間のスペースにもインデックス値があることに注意してください。

JavaScriptスプリット

JavaScript文字列split()メソッドは、文字列を複数のサブ文字列に分割します。これらのサブストリングは、新しい配列に格納されます。元の文字列は、スペースなどの指定された区切り文字に基づいて分割されます。

JavaScript文字列split()メソッドの構文を見てみましょう:

参加者の81%は、ブートキャンプに参加した後、自分たちの技術的な仕事の見通しについてより自信を持っていると述べました。今日のブートキャンプにマッチしましょう。

平均的なブートキャンプの卒業生は、ブートキャンプの開始から最初の仕事を見つけるまで、キャリアの移行に6か月も費やしませんでした。

var new_list =text.split(character、limit);

split()メソッドが「text」変数の最後に追加されます。テキスト変数は、指定した区切り文字に基づいて分割されます。 split()メソッドの結果をJavaScript変数new_listに割り当てます。

制限 パラメータは、最終的な配列に含めるJavaScriptサブストリングの数を指定します。

split()メソッドの出力を変数に割り当てる必要があります。これは、split()が新しいリストを作成するためです。既存の文字列は変更されません。

JavaScript分割文字列の例

ユーザーが名前と名前を教えてくれたとしましょう。この情報を1つの文字列に格納します。ユーザーの名前と名前を別々に取得するには、split()メソッドを使用できます。

たとえば、ユーザーが自分のアカウントにサインインするときに、フルネームを表示する代わりに「こんにちは、[名]」と言いたい場合があります。

文字列を区切るために空白文字(スペース文字)を使用します:

var fullName = “Forename Surname”;
var fullNameSplit = fullName.split(“ “);

console.log(fullNameSplit);

このコードは次を返します:

[“Forename”, “Surname”]

split() 関数は文字列を部分文字列の配列に分割しました。これで、インデックス番号を使用してJavaScript配列オブジェクトの各文字列にアクセスできます。例:

fullNameSplit[1];

このコードは次を返します:

Surname

split()メソッドは、個々の値を取得できる配列を返します。各配列要素は、文字列内の単語に対応しています。配列からインデックス位置1の値を取得しました。



JavaScript文字列を1つの配列に分割

split()メソッドを使用して、文字列の内容を配列に移動できます。次のコードを検討してください:

var name_as_list = name.split();
console.log(name_as_list);

コードは「ForenameSurname」を返します。複数のサブストリングが作成されないことを意味する区切り文字を指定しませんでした。これで、変数name_as_listに格納されている文字列全体で構成される要素ができました。

結論

split()メソッドは、文字列をサブ文字列のリストに分割します。これは、文字列内の個々の単語または値にインデックスを付けてアクセスできるようにするために使用されます。 split()は、空白やコンマなどの任意の文字で文字列を区切ることができます。

JavaScriptについて詳しく知りたい場合は、JavaScript初心者向けの最高のチュートリアルに関するガイドをお読みください。


  1. JavaScript関数の使用方法:ステップバイステップガイド

    JavaScript関数は、再利用できるコードのカスタムブロックです。関数を使用すると、コードをよりモジュール化でき、オブジェクト指向プログラミングに不可欠です。関数は、宣言または式を介して定義できます。 JavaScriptを学び、基本を知りたい場合、JS関数は間違いなく知っておく必要のあるものです。プログラミング言語での作業に時間を費やしたことがあれば、関数が複雑なプログラムの構成要素であることはご存知でしょうが、それらがどのように機能するかわからない場合があります。関数を使用すると、コードを複数回繰り返すのではなく、一般的なプロセスに対して1回だけコードを記述できます。 関

  2. JavaScript Onclick:ステップバイステップガイド

    JavaScriptのonclickイベントは、ユーザーがボタンまたは別のWeb要素をクリックしたときに関数を実行します。このメソッドは、HTMLドキュメントとJavaScriptドキュメントの両方でインラインで使用されます。 JavaScriptでコーディングしている場合、ユーザーがWebページを操作するときにコードを実行するのが一般的です。たとえば、ユーザーがボタンを押したときに何かが発生したい場合があります。しかし、JavaScriptでこの機能をどのように実装しますか? そこで、「onclick()」イベントが役立ちます。 onclickイベントは、最も一般的に使用されるイベ