ホームページ > ウェブフロントエンド > jsチュートリアル > JS 文字列学習は部分文字列をインターセプトしてファイル拡張子を返します

JS 文字列学習は部分文字列をインターセプトしてファイル拡張子を返します

青灯夜游
リリース: 2021-08-19 09:03:17
オリジナル
2470 人が閲覧しました

前回の記事「指定された添字の間の部分文字列を返す方法を学ぶ JS 文字列

」では、指定された添字位置の間の文字列をインターセプトし、抽出された部分 (部分文字列) を返すメソッドを紹介しました。今回は JavaScript 文字列の学習の続きで、文字列をインターセプトする別の方法について学びます。興味のある友人はそれについて学ぶことができます~

この記事のテーマは、指定された長さに応じて文字列をインターセプトする方法を紹介することですこのメソッドでは、ファイル拡張子を取得する方法を説明します。

まず、指定された長さの部分文字列をインターセプトして返す方法を見てみましょう。以下に詳しくご紹介させていただきます。

例を見てみましょう:

var str="Hello world!";
var n=str.substr(2,3)
console.log(n);
ログイン後にコピー

出力結果:

JS 文字列学習は部分文字列をインターセプトしてファイル拡張子を返します

次のことがわかります。 : str.substr(2,3) を使用します。3 番目の文字から開始して 3 文字がインターセプトされるため、返される部分文字列は "llo

" になります。

substr() メソッドを見てみましょう。

str.substr(start,length) メソッドは、指定された長さに応じて部分文字列をインターセプトできます。これには 2 つのパラメータが含まれます。最初のパラメータ start は省略できず、インターセプトする部分文字列の開始添え字を示します。2 番目のパラメータ length

は省略でき、インターセプトされる長さを示します。つまり、インターセプトされる文字の数です。

2 番目のパラメータ length

が省略された場合、後続のすべての文字が先頭からインターセプトされます。

var str="Hello world!";
var n=str.substr(2)
console.log(n);
ログイン後にコピー

出力結果:

JS 文字列学習は部分文字列をインターセプトしてファイル拡張子を返します

#最初のパラメータ start

が負の値の場合は、先頭のパラメータの最後から開始することを意味します。 string 添字の位置を計算します。つまり、-1 は最後の文字を表し、-2 は最後から 2 番目の文字を表します。 (これは、左側の文字の長さが固定されていない場合に非常に便利です。)

var str="Hello world!";
var n1=str.substr(-1,1);
var n2=str.substr(-2,1);
var n3=str.substr(-3,2);
console.log(n1);
console.log(n2);
console.log(n3);
ログイン後にコピー

出力結果:

JS 文字列学習は部分文字列をインターセプトしてファイル拡張子を返します

上記により、次のことがわかります。 substr() メソッドを使用して、指定された長さの部分文字列をインターセプトし、その部分文字列を返すことができます。 このメソッドを使用してファイル拡張子を取得する方法を見てみましょう。

substr() メソッドと lastIndexOf() メソッドを使用してファイル拡張子を取得できます。たとえば、次のファイル urlがある場合、

../img/JS 文字列学習は部分文字列をインターセプトしてファイル拡張子を返します
ログイン後にコピー

次のステートメントを使用してファイル拡張子を取得します。ファイル拡張子:

var str="../img/JS 文字列学習は部分文字列をインターセプトしてファイル拡張子を返します";
var b = str.substr(str.lastIndexOf(".") ,4);  //截取最后一个点号开始4个字符
console.log(b);  //返回子字符串“.png”
ログイン後にコピー
分析: str.lastIndexOf(".")

を使用して文字「.」の最後の出現位置を取得し、それをファイルの最初のパラメータとして使用します。 substr() メソッドでは、インターセプトされた文字列の開始位置を指定します。拡張子「.png」には 4 文字があるため、substr() メソッドの 2 番目のパラメータを 4 に設定するだけです。

出力結果:

JS 文字列学習は部分文字列をインターセプトしてファイル拡張子を返します


「png」のみを取得したい場合は、str.lastIndexOf(".") に 1 を追加します:

var str="../img/JS 文字列学習は部分文字列をインターセプトしてファイル拡張子を返します";
var b = str.substr(str.lastIndexOf(".")+1 ,3);  //截取最后一个点号后3个字符
console.log(b);  //返回子字符串“png”
ログイン後にコピー

出力結果:

JS 文字列学習は部分文字列をインターセプトしてファイル拡張子を返します

これはエクステンションの長さを知るためのものですが、エクステンションの長さが固定されていない場合もあります。 substr() メソッドの 2 番目のパラメータを省略して、文字「.」以降のすべての文字を直接取得できます:

var str="../img/JS 文字列学習は部分文字列をインターセプトしてファイル拡張子を返します";
var b = str.substr(str.lastIndexOf(".")+1 );  
console.log(b);
  
var str="../img/1.jpeg";
var b = str.substr(str.lastIndexOf(".")+1 );  
console.log(b);
ログイン後にコピー

出力結果:

JS 文字列学習は部分文字列をインターセプトしてファイル拡張子を返します

わかりました必要に応じて、javascript 上級チュートリアル

### を読んでください。

以上がJS 文字列学習は部分文字列をインターセプトしてファイル拡張子を返しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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