目次
String.slice() メソッド
String.substring() メソッド
ケース 7
スライスと部分文字列の方法
String.slice メソッドと string.substring メソッドは文字列操作に使用されます。パラメータや特定の状況によっては、それらはすべて似ています。それらの最初の大きな違いは、上の例に示すように、インデックスが負であることです。 2 つ目は、開始インデックスが終了インデックスより大きい場合です。
ホームページ ウェブフロントエンド jsチュートリアル 文字列スライス方法と部分文字列方法の違い

文字列スライス方法と部分文字列方法の違い

Sep 03, 2023 pm 06:21 PM

文字列スライス方法と部分文字列方法の違い

JavaScript は、クライアント側とサーバー側の両方で使用できる、動的で最も人気のあるプログラミング言語です。 JavaScript は、インタラクティブな Web ページを作成するために使用されます。 React JS、Angular JS、Node JS などの多くのフレームワークがあります。

JavaScript には、さまざまなタスクを実行するための組み込み関数が多数含まれています。文字列を操作する関数があります。 Str.slice と str.substring は、文字列を操作できる 2 つの組み込み関数です。これら 2 つの関数の機能はほぼ似ていますが、いくつかの違いがあります

String.slice() メソッド

このメソッドは、指定されたインデックスに基づいて文字列の一部を返します。スライスメソッドの構文は次のとおりです -

リーリー

このメソッドには、start と end という 2 つのパラメータがあります。 Start は開始するインデックスを指定し、end インデックスは返される文字列の最後のインデックスを示します。文字列を返す場合、終了インデックスは含まれません。エンディングは必要ありません。 end が指定されていない場合は、指定された開始インデックスから始まる文字列全体を返します。ここで、インデックスは「0」から始まります。

String.substring() メソッド

このメソッドもスライス メソッドに似ており、文字列の一部を新しい文字列として返します。このメソッドの構文は次のとおりです -

リーリー

ここで、start と end は 2 つのパラメータで、返される文字列のインデックスを示します。終了インデックスが指定されていない場合は、指定された開始インデックスから始まる文字列全体が返されます。文字列を返す場合、終了インデックスは含まれません。インデックスは「0」から始まります。

文字列長が 12 の文字列「Good Morning」について考えてみましょう。次の例でこれらのメソッドの機能を理解しましょう -

リーリー

ケース 1

開始インデックスが正の場合、どちらのメソッドでも同じ出力が得られます。

リーリー

ここではインデックスが 5 に設定されているため、メイン文字列の 5 番目の位置から始まる文字列が返されます。

ケース 2

指定されたインデックスが負の場合、これら 2 つのメソッドは、以下に示すように異なる出力を生成します。

リーリー

slice メソッドでは、負のインデックスが指定された場合、文字列の末尾からカウントし、そのインデックス位置から始まる文字列を返します。部分文字列内では、負の数値はすべてゼロとして扱われます。したがって、インデックス 0 から始まり、文字列全体が返されます。

ケース 3

どちらのメソッドも、文字列長が渡されると空の文字列を返します。

リーリー

ケース 4

開始インデックスが終了インデックスより大きいです

リーリー

Slice メソッドは空の文字列を返しますが、substring メソッドはこれらのインデックスを交換して文字列を返します。終了インデックスは除きます。

ケース 5

開始インデックスと終了インデックスが両方とも負の場合

リーリー

Slice メソッドは、文字列の末尾から指定されたインデックスまでをカウントし、それを返します。どちらのインデックスも負であり、部分文字列メソッドはそれらをゼロとして扱うため、ゼロで始まりゼロで終わります。したがって、空の文字列が返されます。

ケース6

開始インデックスが負で終了インデックスが正の場合

リーリー

ここでは、終了インデックスが開始インデックスの前にあるため、slice メソッドは空の文字列を返します。ただし、部分文字列方式では負のインデックスはゼロとして扱われ、0 番目のインデックスからそれを除いた 5 番目のインデックスまでが開始されます。したがって、「Good」を返します。

ケース 7

開始インデックスが正で終了インデックスが負の場合

リーリー

Slice メソッドは出力として「Morn」を返し、Substring メソッドは「Good」を返します。 Substring メソッドは終了インデックスを 0 として扱い、開始インデックス (5) が終了インデックス (0) より大きいため、単純に位置 (0,5) を交換して文字列を返します。

スライスと部分文字列の方法

次の表は、スライス方法と部分文字列方法の重要な違いを示しています -

スライス方法

サブストリングメソッド

文字列の一部を返します

文字列の一部を抽出するためにも使用されます

負のインデックス付けが可能で、後ろから文字列カウントを返します

負のインデックスが指定された場合、それは 0 (ゼロ) のインデックス位置として扱われます。

開始インデックスが終了インデックスより大きい場合、空の文字列が返されます

開始インデックスが終了インデックスより大きい場合は、単に位置を交換し、その結果に基づいて文字列を返します

###結論は###

String.slice メソッドと string.substring メソッドは文字列操作に使用されます。パラメータや特定の状況によっては、それらはすべて似ています。それらの最初の大きな違いは、上の例に示すように、インデックスが負であることです。 2 つ目は、開始インデックスが終了インデックスより大きい場合です。

以上が文字列スライス方法と部分文字列方法の違いの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

フロントエンドのサーマルペーパーレシートのために文字化けしたコード印刷に遭遇した場合はどうすればよいですか? フロントエンドのサーマルペーパーレシートのために文字化けしたコード印刷に遭遇した場合はどうすればよいですか? Apr 04, 2025 pm 02:42 PM

フロントエンドのサーマルペーパーチケット印刷のためのよくある質問とソリューションフロントエンド開発におけるチケット印刷は、一般的な要件です。しかし、多くの開発者が実装しています...

誰がより多くのPythonまたはJavaScriptを支払われますか? 誰がより多くのPythonまたはJavaScriptを支払われますか? Apr 04, 2025 am 12:09 AM

スキルや業界のニーズに応じて、PythonおよびJavaScript開発者には絶対的な給与はありません。 1. Pythonは、データサイエンスと機械学習でさらに支払われる場合があります。 2。JavaScriptは、フロントエンドとフルスタックの開発に大きな需要があり、その給与もかなりです。 3。影響要因には、経験、地理的位置、会社の規模、特定のスキルが含まれます。

javascriptの分解:それが何をするのか、なぜそれが重要なのか javascriptの分解:それが何をするのか、なぜそれが重要なのか Apr 09, 2025 am 12:07 AM

JavaScriptは現代のWeb開発の基礎であり、その主な機能には、イベント駆動型のプログラミング、動的コンテンツ生成、非同期プログラミングが含まれます。 1)イベント駆動型プログラミングにより、Webページはユーザー操作に応じて動的に変更できます。 2)動的コンテンツ生成により、条件に応じてページコンテンツを調整できます。 3)非同期プログラミングにより、ユーザーインターフェイスがブロックされないようにします。 JavaScriptは、Webインタラクション、シングルページアプリケーション、サーバー側の開発で広く使用されており、ユーザーエクスペリエンスとクロスプラットフォーム開発の柔軟性を大幅に改善しています。

JavaScriptを使用して、同じIDを持つArray要素を1つのオブジェクトにマージする方法は? JavaScriptを使用して、同じIDを持つArray要素を1つのオブジェクトにマージする方法は? Apr 04, 2025 pm 05:09 PM

同じIDを持つ配列要素をJavaScriptの1つのオブジェクトにマージする方法は?データを処理するとき、私たちはしばしば同じIDを持つ必要性に遭遇します...

Shiseidoの公式Webサイトのように、視差スクロールと要素のアニメーション効果を実現する方法は?
または:
Shiseidoの公式Webサイトのようにスクロールするページを伴うアニメーション効果をどのように実現できますか? Shiseidoの公式Webサイトのように、視差スクロールと要素のアニメーション効果を実現する方法は? または: Shiseidoの公式Webサイトのようにスクロールするページを伴うアニメーション効果をどのように実現できますか? Apr 04, 2025 pm 05:36 PM

この記事の視差スクロールと要素のアニメーション効果の実現に関する議論では、Shiseidoの公式ウェブサイト(https://www.shisido.co.co.jp/sb/wonderland/)と同様の達成方法について説明します。

JavaScriptは学ぶのが難しいですか? JavaScriptは学ぶのが難しいですか? Apr 03, 2025 am 12:20 AM

JavaScriptを学ぶことは難しくありませんが、挑戦的です。 1)変数、データ型、関数などの基本概念を理解します。2)非同期プログラミングをマスターし、イベントループを通じて実装します。 3)DOM操作を使用し、非同期リクエストを処理することを約束します。 4)一般的な間違いを避け、デバッグテクニックを使用します。 5)パフォーマンスを最適化し、ベストプラクティスに従ってください。

Console.log出力の違い結果:なぜ2つの呼び出しが異なるのですか? Console.log出力の違い結果:なぜ2つの呼び出しが異なるのですか? Apr 04, 2025 pm 05:12 PM

Console.log出力の違いの根本原因に関する詳細な議論。この記事では、Console.log関数の出力結果の違いをコードの一部で分析し、その背後にある理由を説明します。 �...

フロントエンド開発でVSCodeと同様に、パネルドラッグアンドドロップ調整機能を実装する方法は? フロントエンド開発でVSCodeと同様に、パネルドラッグアンドドロップ調整機能を実装する方法は? Apr 04, 2025 pm 02:06 PM

フロントエンドのVSCodeと同様に、パネルドラッグアンドドロップ調整機能の実装を調べます。フロントエンド開発では、VSCODEと同様のVSCODEを実装する方法...

See all articles