ホームページ > ウェブフロントエンド > jsチュートリアル > jsのsubstring、substr、spliceの違い

jsのsubstring、substr、spliceの違い

下次还敢
リリース: 2024-05-06 10:36:17
オリジナル
755 人が閲覧しました

文字列を操作するための JavaScript 関数には、次のものが含まれます: substring は、指定された範囲内の部分文字列を抽出します。 、置換文字を挿入できます。

jsのsubstring、substr、spliceの違い

JavaScriptのsubstring、substr、spliceの違い

JavaScriptのsubstring、substr、splice関数はすべて文字列を操作するために使用されますが、目的と用途が異なります。

substring

  • 文字列の指定された範囲の部分を抽出します。
  • 構文: substring(start, end)substring(start, end)
  • 参数:

    • start:要开始提取的字符索引(从 0 开始)。
    • end:要提取的最后一个字符的索引(不包括在内)。

substr

  • 类似于 substring,但当 end 超出字符串长度时, substr 会将其截断为字符串长度。
  • 语法:substr(start, length)
  • 参数:

    • start:要开始提取的字符索引(从 0 开始)。
    • length:要提取的字符数量。

splice

  • 可变参数函数,用于删除和/或替换字符串中的字符。
  • 语法:splice(start, deleteCount, ...items)
  • パラメータ:

      start: 抽出を開始する文字インデックス (0 から開始)。
    • end: 抽出する最後の文字のインデックス (これを含みません)。
  • substr

はsubstringに似ていますが、endが文字列の長さを超える場合、substrは文字列の長さに切り詰めます。

    構文: substr(start, length)
  • パラメータ:
  • start: 抽出を開始する文字インデックス (0 から開始)。
  • length: 抽出する文字数。

splice

🎜文字列内の文字を削除および/または置換するための可変引数関数。 🎜🎜構文: splice(start, deleteCount, ...items)🎜🎜🎜パラメータ: 🎜🎜🎜start: 削除と置換を開始する文字インデックス (0 から開始)。 🎜🎜deleteCount: 削除する文字数。 🎜🎜項目 (オプション): 削除された文字の位置に挿入される新しい文字または文字列。 🎜🎜🎜🎜🎜🎜使い方の比較🎜🎜🎜🎜🎜部分文字列の抽出: 🎜substring または substr を使用しますが、end が文字列の長さを超える場合は substr の方が便利です。 🎜🎜🎜文字の削除: 🎜spliceを使用し、削除する文字数としてdeleteCountを指定します。 🎜🎜🎜置換文字: 🎜スプライスを使用し、置換文字または文字列を提供します。 🎜🎜🎜🎜例🎜🎜
<code class="javascript">const str = "Hello World";

// 使用 substring 提取 "World"
console.log(str.substring(6)); // "World"

// 使用 substr 提取 "World"(即使 end 超出范围)
console.log(str.substr(6)); // "World"

// 使用 splice 删除 "Hello"
str.splice(0, 5);
console.log(str); // "World"

// 使用 splice 替换 "World" 为 "JavaScript"
str.splice(0, 5, "JavaScript");
console.log(str); // "JavaScript"</code>
ログイン後にコピー

以上がjsのsubstring、substr、spliceの違いの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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