JavaScript 文字列の一部を取得する(slice)

nas

JavaScriptの文字列の一部を取得するサンプルです。
sliceメソッドを使用します。

目次

sliceメソッド (引数2つ)

文字列 . slice ( 開始位置 , 終了位置 )
  • １つめの引数の「開始位置」から２つめの引数の「終了位置」の前にある文字までを返します。
  • 新しい文字列を返します。
  • 最初の1文字目の位置は0から始まります。
  • １つめの引数が２つめの引数より大きい場合、空文字を返します。(←substringメソッドと違う点)
  • 2つめの引数がマイナスの場合、後方からの文字数として扱います。(←substringメソッドと違う点)
  • Stringオブジェクトのメソッドです。
  • 以下はMDNのsliceメソッドのリンクです。
    https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/String/slice

コード

sliceメソッドの引数が2つあるサンプルです。

<script>

const a = "あいうえお";

console.log(a.slice(0,1)); // あ
console.log(a.slice(1,2)); // い
console.log(a.slice(2,3)); // う

console.log(a.slice(0,3)); // あいう

console.log(a.slice(2,4)); // うえ

console.log(a.slice(0,-1)); // あいうえ
console.log(a.slice(0,-2)); // あいう
console.log(a.slice(0,-3)); // あい

</script>

5～7行目は、指定の位置から1文字取得しています。
9行目は、最初の文字「あ」から3文字取得しています。
11行目は、途中にある文字の「う」から2文字取得しています。
13～15行目は、2つめの引数がマイナスです。マイナスの値分、文字が出力されていません。

 

sliceメソッド (引数1つ)

文字列 . slice ( 開始位置 )

コード

sliceメソッドの引数が1つのサンプルです。

<script>

const a = "あいうえお";

console.log(a.slice(2)); // うえお

console.log(a.slice(3)); // えお

console.log(a.slice(4)); // お

</script>

5,7,9行目とも、指定した位置の文字から最後の文字まで取得しています。

関連の記事

JavaScript 文字列を分割して配列にするサンプル(split)
JavaScript 文字列の一部を取得する(substring)
JavaScript 文字列の一部を取得する(substr)
JavaScript 文字列から１文字を取得する(charAt)
JavaScript 文字列の長さを取得する(length)
JavaScript 文字列の位置を取得する(indexOf/lastIndexOf)
JavaScript 文字列の大文字と小文字を変換する(toLowerCaseとtoUpperCase)
JavaScript 文字列を置き換える(replace)
JavaScript 正規表現で値を返す(matchメソッド)

△上に戻る