ホームページ > ウェブフロントエンド > jsチュートリアル > ES6 で一般的に使用される文字列の新しいメソッドについて共有する

ES6 で一般的に使用される文字列の新しいメソッドについて共有する

小云云
リリース: 2017-12-23 11:34:50
オリジナル
2017 人が閲覧しました

ES6 では、トラバーサル、クエリ、置換などを含む多くの新しいメソッドが js に追加され、ES5 の同様のメソッドを簡単に置き換えることができます。この記事では主に ES6 で文字列によく使用される新しいメソッドを紹介し、それらを要約して分析します。 ES6 で一般的に使用される新しいメソッド、関数、および使用上のヒントについて説明します。困っている方の参考になれば幸いです。

for…of:


let str="wbiokr";
for(let s of str){
  console.log(s)
}
//结果:w, b, i, o, k, r
ログイン後にコピー

es5にはjsの文字列関連のトラバーサルメソッドがないため、for…ofは間違いなく次のフロントエンド開発で非常に重要な役割を果たすでしょう。

インクルード:


let str="wbiokr";
str.includes('wb');//结果:true
str.includes('wbiokr');//结果:true
str.includes('w',1);//false
str.includes('b',1);//true
ログイン後にコピー

string.includes(s,i) メソッドパラメータ 1 はクエリ文字 (文字列)、パラメータ 2 はクエリの開始位置、ブール値を返し、indexOfクエリの位置を返します。

startsWith:


let str="wbiokr";
str.startsWith('wb');//结果:true
str.startsWith('w');//结果:true
str.startsWith('w',1);//结果:false
str.startsWith('b',1);//true
str.startsWith('kr');//结果:false
ログイン後にコピー

string.startsWith(s,i) メソッド パラメータ 1 はクエリが必要な文字 (文字列) で、パラメータ 2 はクエリの開始位置で、文字 (文字列) が文字列の先頭に位置するかどうかを示すブール値。

endsWith:


let str="wbiokr";
str.endsWith('kr');//结果:true
str.endsWith('r');//结果:true
str.endsWith('wb');//结果:false
str.endsWith('i',6);//false
str.endsWith('i',3);//false
str.endsWith('kr',6);//true
ログイン後にコピー

string.endsWith() メソッドのパラメーター 1 はクエリ対象の文字 (文字列) で、パラメーター 2 はクエリの開始位置で、次のいずれかを示すブール値を返します。文字(文字列)が位置する文字列の末尾の位置。

repeat:


let str="wbiokr";
str.repeat(2);//wbiokrwbiokr"str被重复了2次返回,str不改变
'hi'.repeat(3);//"hihihi"
'hi'.repeat(2.6);//'hihi'浮点类型参数,会取整重复
'hi'.repeat(0);//''0的时候返回空字符串
'hi'.repeat(-3)//负数,报错
'hi'.repeat(undefined)//''undefined转化为0
'hi'.repeat(null)//''null转化为0
'hi'.repeat(NaN)//''NaN转化为0
ログイン後にコピー

string.repeat(num)メソッド。パラメータnumは文字列を繰り返す回数です。さまざまな場合の戻り値のコードを参照してください。

${}:


let str="wbiokr";
$('#box').html('
  there is a word ${str},i know it
');
//there is a word wbiokr,i know it
ログイン後にコピー

開発プロセス中、jq はサブ要素を動的に追加したり、要素にコンテンツを動的に追加したりするためによく使用されます。これまでは、文字列のスプライシングを使用して変数を追加していました。 ES6 の追加は、jq の古いメソッドをうまく置き換えることができます。一重引用符と '${}' は変数を埋め込むだけでなく、コード形式を維持することができ、js コードを {} 内で実行できます。

関連する推奨事項:

JavaScript文字列ツールクラスStringUtilsの詳細説明

Javaで文字列をString配列に変換する実装方法

文字列文字列をJSONオブジェクトに変換するJSメソッド

以上がES6 で一般的に使用される文字列の新しいメソッドについて共有するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート