2
1

More than 1 year has passed since last update.

JavaScriptのメソッド 使用メモ

Last updated at Posted at 2023-08-04

trim()

trim()は、文字列(String)の両側から空白文字(スペース、タブ、改行など)を取り除いた新しい文字列を返すJavaScriptのメソッドです。文字列の先頭と末尾にある空白文字を削除するために使用されます。

以下は、trim()メソッドの使い方と例です:

‘’‘javascript
const str = " Hello, world! ";
const trimmedStr = str.trim();

console.log(trimmedStr); // "Hello, world!"
’‘’

上記の例では、元の文字列strには先頭と末尾に空白文字が含まれています。trim()メソッドを使うことで、これらの空白文字が取り除かれてtrimmedStrに代入されます。

trim()メソッドは、ユーザーの入力データを処理する際に特に便利です。ユーザーが入力した文字列に誤って余分な空白文字が含まれている場合、trim()を使ってそれを取り除くことができます。これにより、データの整形や正規化を行い、アプリケーション内での処理をスムーズにすることができます。

slice()

slice() は文字列や配列から一部の要素を切り出すためのメソッドです。

文字列の場合:

string.slice(start, end);

配列の場合:

array.slice(start, end);

ここで各パラメータの意味は次のとおりです:

start: スライスの開始位置を指定します。この位置の要素が含まれます。
end: スライスの終了位置を指定します。この位置の要素は含まれまず、スライスが終了します。省略すると配列や文字列の末尾までスライスが続きます。


文字列の場合:

var str = "Hello, world!";
var slicedStr = str.slice(0, 5); // "Hello"

console.log(slicedStr);

配列の場合:

var array = [1, 2, 3, 4, 5];

// slice() メソッドは、元の配列を変更せず、新しい配列を返します。
// start パラメータはスライスの開始位置を指定します(0ベースのインデックス)。
// end パラメータはスライスの終了位置を指定しますが、この位置の要素は含まれまず、スライスが終了します。

var slicedArray = array.slice(1, 4);
// 開始位置 1(要素 2)から開始して、終了位置 4 の前まで(要素 4 の前)スライスします。
// 結果は [2, 3, 4] の新しい配列が生成されます。

console.log("Original Array:", array);     // [1, 2, 3, 4, 5]
console.log("Sliced Array:", slicedArray); // [2, 3, 4]

slice() メソッドを使用することで、文字列や配列から指定した範囲の要素を抽出することができます。また、負のインデックスを使用することも可能で、末尾からの位置を指定することができます。

var array = [1, 2, 3, 4, 5];

var slicedArray = array.slice(1, -1);
// 開始位置 1(要素 2)から開始して、末尾の 1 つ前(要素 4 の前)までスライスします。
// 結果は [2, 3, 4] の新しい配列が生成されます。

console.log("Original Array:", array);     // [1, 2, 3, 4, 5]
console.log("Sliced Array:", slicedArray); // [2, 3, 4]

var str = "Hello, world!";
var slicedStr = str.slice(-6, -1); // "world"

var array = [1, 2, 3, 4, 5];
var slicedArray = array.slice(-3); // [3, 4, 5]

slice() メソッドは元の配列や文字列を変更せず、指定された範囲の要素を含む新しい配列や文字列を返します。

2
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
1