JavaScriptの文字列メソッドとその使い方
5934 ワード
前回は、各メソッドがどのような方法を説明し、どのようにプロジェクトでそれらを使用するかについての記事を書いていました.
今日、JavaScriptの文字列メソッドを学び、プロジェクトで効果的に使用する方法を学びます.
文字列は、文字、数字、または記号を含めることができる1つ以上の文字のコレクションです.文字列はJavaScriptでは不変です(Cプログラミング言語とは異なり変更できません).文字列は原始的なデータ型です.他のプリミティブデータ型は、null、未定義、boolean、number、bigint、symbolです.
JavaScriptには約24文字列のメソッドがあります.このポストでは、あなたはそれらのいくつかで働く方法を学んでいなければなりません(私は他の方法をチェックしに行くことができるように、それらの少数とあなたの食欲を濡らしたいです......
プロジェクト内の文字列で動作するときは、より頻繁に操作する必要があります.メソッドは、私たちがあなたのストリングの操作を実行するのを助ける機能で造られます.
どのように我々は我々の文字列を入力するには、このメソッドのいくつかを使用することができます参照してください右に飛び込んでみましょう.
文字列上に存在しない位置を指定するにはどうすればよいですか?
心配しないで、Javascriptはあなたに叫ばれません、それは唯一の任意の値の代わりに空白を返します.
いつでも使えます
私は、あなたが現在このメソッドを理解すると確信します.さて、次へ!
このメソッドは指定した位置に文字のユニコードを返します.
ヘイ、ヘイ、ヘイ!ちょっとゆっくりしろ.地獄はUnicodeですか?
ハイヘー.地獄じゃない.Unicodeは、各文字、数字、またはシンボルが一意の数値を割り当てられている国際的な符号化規格です.
十分に、すべての文字、数字またはシンボルは、割り当てられたユニークな数値を持っています.
あなたはすぐにあなた自身のために表示されます.
Unlike
これは文字列が指定した値で終わるかどうかを調べるために使用されます.booleanを返します.
これ?ええ、次の方法に進みましょう
このメソッドはUnicode値をStringに変換します.それは正反対です
このメソッドは、文字列が特定の値を含むかどうかを調べます.を返します.
これは文字列内の値が最初に現れる位置を取得するために使用されます.
文字列内で値が見つからなかった場合、
文字列内の値の最後の出現を取得する必要がある場合は、このメソッドを移動します.
さあ、アフリカの最後の出来事を探しましょう.
現在のロケールで2つの文字列を比較し、返ります.
- 1文字列が比較文字列の前にソートされた場合
2つの文字列が等しいなら
1文字列が比較文字列の後にソートされた場合.
このメソッドを使用して文字列内の値を検索します.あなたが何を達成したいかによって、より良い検索のためのパラメータとして正規表現を通過するのが最善です
あなたはそれを観察するでしょう、検索はすべての我々の試合を返しませんでした.これは、グローバルな検索が大文字小文字を区別しないように指定しなかったためです.したがって、検索は“stay”の“ay”を省略した理由です.それをしましょう.
ああ、はい.ちょうどもう一つの方法をしましょう、そして、あなたがそれらを実行することができるように、私は休止することを約束します.ディール?うん!
わかりました.hehehe!
このメソッドは、文字列の両側からすべての空白を削除するために使用されます.これは、文字列間の空白ではなく、両方から空白を削除します.
親切にこのポストを与えると共有も!
今日、JavaScriptの文字列メソッドを学び、プロジェクトで効果的に使用する方法を学びます.
文字列?あれは何ですか。
文字列は、文字、数字、または記号を含めることができる1つ以上の文字のコレクションです.文字列はJavaScriptでは不変です(Cプログラミング言語とは異なり変更できません).文字列は原始的なデータ型です.他のプリミティブデータ型は、null、未定義、boolean、number、bigint、symbolです.
JavaScriptには約24文字列のメソッドがあります.このポストでは、あなたはそれらのいくつかで働く方法を学んでいなければなりません(私は他の方法をチェックしに行くことができるように、それらの少数とあなたの食欲を濡らしたいです......
ストリングメソッドとは
プロジェクト内の文字列で動作するときは、より頻繁に操作する必要があります.メソッドは、私たちがあなたのストリングの操作を実行するのを助ける機能で造られます.
どのように我々は我々の文字列を入力するには、このメソッドのいくつかを使用することができます参照してください右に飛び込んでみましょう.
char ()
charAt()
は文字列内の特定の位置に文字を取得するために使用されます.はい、それです!const name = "EmmanuelTheCoder"
const letter = name.charAt(0);
console.log(letter)
//result: E
我々は、我々が位置ゼロでキャラクタが欲しいと指定しました、そして、我々は「E」を得ました.文字列上に存在しない位置を指定するにはどうすればよいですか?
心配しないで、Javascriptはあなたに叫ばれません、それは唯一の任意の値の代わりに空白を返します.
いつでも使えます
String.length
あなたの文字列の長さを取得し、最後の位置は何かを知っている.私は、あなたが現在このメソッドを理解すると確信します.さて、次へ!
charcodeat ()
このメソッドは指定した位置に文字のユニコードを返します.
ヘイ、ヘイ、ヘイ!ちょっとゆっくりしろ.地獄はUnicodeですか?
ハイヘー.地獄じゃない.Unicodeは、各文字、数字、またはシンボルが一意の数値を割り当てられている国際的な符号化規格です.
十分に、すべての文字、数字またはシンボルは、割り当てられたユニークな数値を持っています.
あなたはすぐにあなた自身のために表示されます.
const name = "EmmanuelTheCoder";
const numVal = name.charCodeAt(0);
//we are simply saying what is the
// assigned encoding value for "E"
console.log("Unicode of 'E' is:" numVal)
//result: 69
しかし、このメソッドで指定した位置が文字列に存在しない場合はどうなりますか?Unlike
charAt()
, charCodeAt()
空のスペースを返すことであなたを許すつもりはありません.それはエールNaN
あなた!endswith()
これは文字列が指定した値で終わるかどうかを調べるために使用されます.booleanを返します.
const title = "EmmanuelTheCoder is a developer"
const lastWord = title.endsWith("developer")
console.log(lastWord)
//result: true
The endsWith()
メソッドは2つのパラメータをとります.最初の値はチェックしたい値で、2番目のオプションはconst title = "EmmanuelTheCoder is a developer"
const lastWord = title.endsWith("developer",10)
console.log(lastWord)
//result: false
It returned false
最初の10文字の末尾に「開発者」という単語が見つかりません.これ?ええ、次の方法に進みましょう
fromcharcode ()
このメソッドはUnicode値をStringに変換します.それは正反対です
charCodeAt()
それがどのように動くかコードで見ましょう.const letter = String.fromCharCode(72);
console.log(letter);
//result: "H"
すなわち、Unicode値72の文字列相当量は“H”である.includes()
このメソッドは、文字列が特定の値を含むかどうかを調べます.を返します.
const profile = "EmmanuelTheCoder is a developer from Africa"
const continent = profile.includes("Africa")
console.log(continent)
//result: true
The includes()
メソッドは、チェックが開始される位置を指定する2番目のパラメータ(オプションです)を取ることもできます.indexout ()
これは文字列内の値が最初に現れる位置を取得するために使用されます.
const profile = "EmmanuelTheCoder is a developer from Africa and lives in Africa"
const checkContinentPostion = profile.indexOf("Africa")
console.log(checkContinentPostion)
//result: 37
checkContinentPosition
文字列内の最初のアフリカの発生を返します.文字列内で値が見つからなかった場合、
-1
. また、2番目のパラメータから検索を開始する位置を指定できます.lastIndexOf ()
文字列内の値の最後の出現を取得する必要がある場合は、このメソッドを移動します.
さあ、アフリカの最後の出来事を探しましょう.
const profile = "EmmanuelTheCoder is a developer from Africa and lives in Africa"
const checkLastOccurenceOfAfrica = profile.lastIndexOf("Africa")
console.log(checkLastOccurenceOfAfrica)
//result: 57
このメソッドは、検索を開始する位置として2番目のパラメータを取ることもできます.localcompare ()
現在のロケールで2つの文字列を比較し、返ります.
- 1文字列が比較文字列の前にソートされた場合
2つの文字列が等しいなら
1文字列が比較文字列の後にソートされた場合.
const text1 = "ab"
const text2 = "cd"
const compare = text1.localCompare(text2)
//result: -1
match ()
このメソッドを使用して文字列内の値を検索します.あなたが何を達成したいかによって、より良い検索のためのパラメータとして正規表現を通過するのが最善です
const sentence = " I say if you will STAY in the house, you have to pay. Okay?"
const searchAValue = sentence.match(/ay/g);
console.log(searchAValue)
//result: ['ay', 'ay', 'ay']
マッチした配列を返します.この配列を行うことで文字列に変換できますsearchAValue.toString()
. toString()
非文字列を文字列に変換するために使用する別のメソッドです.あなたはそれを観察するでしょう、検索はすべての我々の試合を返しませんでした.これは、グローバルな検索が大文字小文字を区別しないように指定しなかったためです.したがって、検索は“stay”の“ay”を省略した理由です.それをしましょう.
const sentence = " I say if you will STAY in the house, you have to pay. Okay?"
const searchAValue = sentence.match(/ay/gi);
console.log(searchAValue)
//result: ['ay', 'AY' 'ay', 'ay']
私は、whoa whoa whoaと言うのを聞きました!あなたは、私がこのすべてのものを得るために1分を遅らせることができました?ああ、はい.ちょうどもう一つの方法をしましょう、そして、あなたがそれらを実行することができるように、私は休止することを約束します.ディール?うん!
わかりました.hehehe!
trim ()
このメソッドは、文字列の両側からすべての空白を削除するために使用されます.これは、文字列間の空白ではなく、両方から空白を削除します.
const followMeOnTwitter = " @EmmanuelCoder"
const followMePlease = followMeOnTwitter.trim()
console.log(followMePlease)
//result: '@EmmanuelCoder'
Hurrayyyyyy!あなたは、この点にそれを作りました、おめでとう!あなたがストリングを操作する方法をマスターすることができるように、行って、より練習してください.親切にこのポストを与えると共有も!
Reference
この問題について(JavaScriptの文字列メソッドとその使い方), 我々は、より多くの情報をここで見つけました https://dev.to/emmanuelthecoder/some-javascript-string-methods-and-how-to-use-them-22j0テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol