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