ホームページ >ウェブフロントエンド >jsチュートリアル >js substr、substring、slice_javascript スキルの使用に関する注意事項

js substr、substring、slice_javascript スキルの使用に関する注意事項

WBOY
WBOYオリジナル
2016-05-16 18:02:041396ブラウズ

substr メソッド、substring メソッド、slice メソッドの違いについてはインターネット上に多数の記事がありますが、記事の内容は基本的に同じです。次に、記事の 1 つ内のコードをテストのためにローカル コンピューターに移動したところ、テスト結果が元の記事とは多少異なることがわかりました。

私は個人的に検証したコードをより信頼し、将来の参照のために書き留めます。

substr

コードをコピー コードは次のとおりです:

document.write("|" str.substr(0,5) "|" "
");
document.write("|" str.substr(0) "| " "
");
document.write("|" str.substr(5,1) "|" "
");
document.write(" |" str .substr(-5,2) "|" "
");
document.write("|" str.substr(-2,-5) "|" "< br /> ;");

印刷効果

|12345|
|123456|
|6|
IE: |12| Chrome: | 23|


部分文字列
コードをコピー コードは次のとおりです。

document.write("|" str.substring(0,5) "|" "
");
document.write("|" str.substring (0) "|" "
");
document.write("|" str.substring(5,1) "|" "
"); document.write("| " str.substring(-5,2) "|" "
");
document.write("|" str.substring(-2,-5) " |" "
");
document.write("|" str.substring(2,-5) "|" "
");

印刷効果
|12345|
|12345|
|12|

スライス
>

コードをコピー
コードは次のとおりです。 document.write("|" str.slice( 0,5) "|" "
");
document.write("|" str.slice(0) "|" "
"); .write("|" str.slice (5,1) "|" "
");
document.write("|" str.slice(-5,2) "|" "
");
document.write("|" str.slice(-2,-5) "|" "
");
document.write(" |" str.slice(2,- 5) "|" "
");


印刷効果
|12345|
|123456|

|2|
||
期待した結果が印刷効果とまったく同じであれば、あなたの基本的なスキルは優れているはずです。少し躊躇している場合、または結果が予想を超えていた場合、私の記事は多少役に立ちます。


概要

substr


このメソッドの arg2 と他の 2 つのメソッドの arg2 は単に異なる意味を表すため、別々に抽出されます。
arg1

部分文字列とスライス


(1) arg2 > arg1、つまりパラメータ 2 がパラメータ 1 より大きい場合

部分文字列: 位置を自動的に反転し、大きい値が arg2 の位置にあり、小さい値が arg1 の位置にあります スライス:null 文字を返します。 String
(2) 負の数値の処理

substring:負の値を持つパラメータを 0 に変換します。
slice:負の値を持つパラメータを (文字列に変換します)長さパラメータの数値)
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。