JavaScriptのStringオブジェクトのslice()メソッドについて記載します。
概要、実際のサンプルコードを交えて構文などの使い方をまとめてみました。
JavaScriptのStringオブジェクトとは？
JavaScript（JS) のStringオブジェクト（文字列）は、他の言語と比べて、動的なデータ型として定義されています。
そして、 他のプログラミング言語 (C 言語など) とは異なり、文字列のメソッドが豊富に用意されています。
また、文字列と数値を効率的に相互変換する方法も提供されています。
事前に定義されたメソッドを利用して文字列操作が容易に出来る点も他言語と比べても有利な点ですが、他の言語と比べて一部の文字列処理が遅くなることがあるとも言われています。
それでは、次に本題の説明に移ります。
JavaScriptのStringオブジェクトのslice()概要
Stringオブジェクトのslice()は、文字列の一部を取得するために使用されます。
引数として開始位置と終了位置を指定します。開始位置は0から始まり、終了位置は文字列の長さを表します。
構文、使い方
構文: string.slice(startIndex[, endIndex])
使い方: 文字列stringのstartIndexからendIndexまでの部分文字列を取得します。
endIndexは省略可能で、省略した場合は文字列の最後までを取得します。
引数について
slice()は、文字列を指定した位置から切り取るメソッドです。
引数には、開始位置と終了位置を指定します。
開始位置は省略可能で、省略した場合は文字列の先頭から切り取ります。
終了位置は省略した場合は文字列の末尾まで切り取ります。
返り値について
slice()は、文字列の一部を取得して新しい文字列を返すメソッドです。
このメソッドを利用した便利なテクニック
Stringオブジェクトのslice()を使うと、文字列から特定の部分を取り出すことができます。
例えば、文字列の最初の2文字を取り出すには、次のようにします。
|
1 2 |
var str = ""Hello World!""; var firstTwoChars = str.slice(0, 2); // ""He"" |
現場で実際にどのように使われているか
Stringオブジェクトのslice()は、文字列から特定の文字列を切り出すために使用されます。
例えば、文字列 “”Hello World”” から “”World”” を取り出す場合は、slice(6)を使用します。
JavaScriptのStringオブジェクトのslice()と一緒によく使われる処理
substring()と組み合わせて使うことが多いです。
slice()は文字列を特定の範囲で切り取ることができますが、substring()は文字列を特定の範囲で切り取ることができるので、2つを組み合わせることで、文字列を簡単に操作することができます。
使用する上での注意点
– 引数に負の数を指定すると、文字列の末尾からの位置を指定することができます。
– 引数に指定した範囲が文字列の長さを超えている場合、slice()は文字列の末尾までを返します。
JavaScriptのStringオブジェクトのslice()と似た処理のJSメソッド、違い
substring()と似ていますが、下記違いがあります。
- slice()は負の値を受け付ける
- substring()は受け付けない
JavaScriptのStringオブジェクトのslice()を使ったサンプルコードの紹介
Stringオブジェクトのslice()を使ったサンプルコード 1
|
1 2 3 4 5 6 7 8 |
// 文字列を指定 let str = ""JavaScript""; // slice()を使って文字列を切り出す let result1 = str.slice(0, 4); // 結果を表示 console.log(result1); |
Stringオブジェクトのslice()を使ったサンプルコード 2
|
1 2 3 4 5 |
// slice()を使って文字列を切り出す let result2 = str.slice(4); // 結果を表示 console.log(result2); |
Stringオブジェクトのslice()を使ったサンプルコード 3
|
1 2 3 4 5 6 7 |
// slice()を使って文字列を切り出す let result3 = str.slice(-4); // 結果を表示 console.log(result3); |
JavaScript stringオブジェクトの他メソッドについて
JavaScriptのstringオブジェクトの他メソッドについては、下記記事にもまとめていますので参考にしてみてください
また、JavaScriptの公式ドキュメントであるMDNで記載されているstringオブジェクトのsliceメソッドについても補足としてリンクを貼っておきます。参考にしてみてください。
