JavaScriptのpadStart()メソッドとpadEnd()メソッドの詳細な説明

ES2017 では、文字列補完長の機能が導入されました。文字列の長さが足りない場合は、先頭または末尾で完成します。 padStart() は先頭補完 に使用され、padEnd() は末尾補完に使用されます。

const string = 'hi';

string.padStart(3, 'c'); // "chi"

string.padEnd(4, 'l'); // "hill"

構文

string.padStart(, )

string.padEnd(, )

パラメータについて

padEnd と padStart は同じパラメータを受け入れます。

1. maxLength

最終文字列の長さ。

const result = string.padStart(5);

result.length; // 5

これを見たとき、私も学ぶのに時間がかかりました。 maxLength は文字列パラメータが繰り返し入力された回数だとずっと思っていました。したがって、 このパラメータは 現在の文字列を埋める必要がある目標の長さであり、埋め込み文字列が繰り返される回数ではないことを 強調したいと思います。この値が現在の文字列の長さより小さい場合は、現在の文字列自体が返されます。

PadString はパディング文字列を意味します。文字列が長すぎて、パディングされた文字列の長さが目標の長さを超える場合、左端の部分のみが保持され、他の部分は切り捨てられます。このパラメータのデフォルト値はスペースです " "(U 0020.

'hi'.padStart(5);

// 等价于
'hi'.padStart(5, ' ');

const result = 'hi'.padStart(5, '');

result; // "hi"
result.length; // 2

padString では、string を受け入れます。他のデータ型をそれに渡そうとすると、 toString メソッドを使用して文字列への変換を強制します。さまざまな値の型で toString を使用すると何が起こるかを見てみましょう。

// Number
(100).toString(); // '100'

// Boolean
true.toString();   // 'true'
false.toString();  // 'false'

// Array
['A'].toString(); // 'A'
[''].toString();  // ''

// Object
({}).toString();         // '[object Object]'
({hi: 'hi'}).toString(); // '[object Object]'

padStart に設定されます (padEnd も同じ動作になります)。

これは興味深い例です。unknown を強制的に文字列に変換すると、

:

'SAM'.padStart(8, 100);    // '10010SAM'

'SAM'.padStart(8, true);   // 'truetSAM'
'SAM'.padStart(8, false);  // 'falseSAM'

'SAM'.padStart(5, ['']);   // 'SAM'
'SAM'.padStart(5, ['hi']); // 'hiSAM'

'SAM'.padStart(18, {});         // '[object Object]SAM'
'SAM'.padStart(18, {hi: 'hi'}); // '[object Object]SAM'

ログイン後にコピー

## が発生します。 #しかし、unknown

padStart に渡すと、次の結果が得られます:

undefined.toString(); // TypeError: Cannot read property 'toString' of undefined

を使用して強制的に文字列に変換されます。ここでもまた間違っているように感じます??。まず仕様を見てみましょう: ECMAScript 仕様: Ifパディングされた文字列は

です。パディングされた文字列はスペース (0x0020) として規定されます。わかりました、修正しましょう。未定義 を除き、それ以外の場合は他のすべてのデータを修正します渡された型は、

.padString が maxLength を超えた場合はどうなりますか?What if

値が以下の場合、または現在の文字列の長さに等しい場合は、現在の文字列自体が返されます。

'SAM'.padStart(10, undefined);
// '       SAM'

の長さより小さい場合、

'hi'.padEnd(2, 'SAM');
// 'hi'

trim メソッドのエイリアスは、## です。 #trimLeft は trimStart

のエイリアスです。trimRight は trimStart

• # のエイリアスです。 ## ただし、文字列パディングメソッドの場合は、エイリアスはありません。したがって、padLeft と padRight は存在しないため、使用しないでください。これは、コード ベースの一貫性を確保するために、
trim
• エイリアスを使用しないことをお勧めする理由でもあります??実用的な使用法padStart を使用する文字列を右揃えにします

'hi'.padEnd(7, 'SAMANTHA');
// 'hiSAMAN'

ログイン後にコピー

console.log('JavaScript'.padStart(15));
console.log('HTML'.padStart(15));
console.log('CSS'.padStart(15));
console.log('Vue'.padStart(15));

     JavaScript
           HTML
            CSS
            Vue

PadEnd

元のアドレス: https://dmitripavlutin.com/replace-all -string-occurrences -javascript/

著者: Dmitri Pavlutin

翻訳アドレス: https://segmentfault.com/a/1190000023721944

プログラミングの詳細については、-関連知識については、プログラミング入門をご覧ください。 ！

以上がJavaScriptのpadStart()メソッドとpadEnd()メソッドの詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。