ホームページ  >  記事  >  ウェブフロントエンド  >  substring() と substr() の違いについて (詳細なチュートリアル)

substring() と substr() の違いについて (詳細なチュートリアル)

亚连
亚连オリジナル
2018-06-14 16:36:081416ブラウズ

ここで、substring() と substr() の使用法と違いに基づいた例を共有します。これは優れた参考値であり、皆さんの役に立つことを願っています。

JavaScript では、いわゆるインターセプトは、実際には、インターセプトされた要素の特定の位置から特定の位置までのコンテンツを取得するために使用されます。JS には、substring と substr という 2 つのメソッドが用意されています。これら 2 つの傍受方法の違いは何ですか?直接コードのデモ:

substring(a,b):

a: 開始位置を表します

b: 終了位置を表します

!ただし、注目に値します。インターセプトする場合、インターセプトされたコンテンツには開始位置の要素が含まれますが、終了位置の要素は含まれません。

例:

function sub1(){
  var str = 'javascript';
  return str.substring(0,4);
 }
 console.log(sub1());  //返回值为‘java'
 
 function sub2(){
  var str = 'javascript';
  return str.substring(1,4);
 }
 console.log(sub2());  //返回值为‘ava'

概要:

部分文字列がインターセプトされる場合、開始位置は含まれますが、終了位置は含まれません。パラメータ a と b は両方とも位置値、つまりインデックス値です。 substr (index, length):

index: 開始位置を示します

length: インターセプトされたコンテンツの長さを示します

! インターセプト時には開始位置の要素も含まれます!

例:

function sub3(){
  var str = 'javascript';
  return str.substr(0,4);
 }
 console.log(sub3());   //返回值为‘java'
 
 function sub4(){
  var str = 'javascript';
  return str.substr(1,4);
 }
 console.log(sub4());  //返回值为‘avas'

概要:

開始位置を含むsubstrをインターセプトする場合、2つのパラメータは開始位置とインターセプトの長さです!違いに注意して賢く使いましょう! 上記は私があなたのためにまとめたものです。

関連記事:

Vue で合理化されたスタイルを実装する方法 (詳細なチュートリアル)

Vue でカスタム グローバル コンポーネントを実行するには?

vue2.0でマルチページ開発を実装する方法

jQueryとvueを使ったドラッグ検証コード機能の実装方法

いくつかのJavaScriptのコーディング仕様を詳しく紹介します(詳細チュートリアル)

以上がsubstring() と substr() の違いについて (詳細なチュートリアル)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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