Menu
Coddy logo textTech

JoinメソッドとSplitメソッド

CoddyのJavaScriptジャーニー「論理とフロー」セクションの一部 — レッスン 51/65。

join() メソッドは、配列内のすべての要素を、指定された区切り文字で区切って連結し、新しい文字列を作成して返します。

split() メソッドは、文字列を部分文字列の順序付きリストに分割し、それらを配列として返します。

基本構文:

array.join([separator])
string.split([separator])

例えば:

<strong>Join()</strong>:

const fruits = ['apple', 'banana', 'orange'];
const str = fruits.join(', ');
console.log(str); // "apple, banana, orange"

<strong>Split()</strong>:

const sentence = "Hello World";
const words = sentence.split(' ');
console.log(words); // ['Hello', 'World']

さまざまな区切り文字を使用できます:

const fruits = ['apple', 'banana', 'orange'];
console.log(fruits.join('')); // “applebananaorange”
console.log(fruits.join('-')); // "apple-banana-orange"
const date = "2023-05-15";
console.log(date.split('-')); // ['2023', '05', '15']
quiz icon腕試し

このレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。

quiz icon腕試し

このレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。

quiz icon腕試し

このレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。

チートシート

join() メソッドは、配列の要素をセパレータ(区切り文字)で連結して文字列を作成します。

array.join([separator])

split() メソッドは、文字列を分割してサブストリング(部分文字列)の配列を作成します。

string.split([separator])

例:

const fruits = ['apple', 'banana', 'orange'];
const str = fruits.join(', '); // "apple, banana, orange"

const sentence = "Hello World";
const words = sentence.split(' '); // ['Hello', 'World']

// Different separators (異なるセパレータ)
fruits.join(''); // "applebananaorange"
fruits.join('-'); // "apple-banana-orange"
"2023-05-15".split('-'); // ['2023', '05', '15']

自分で試してみよう

このレッスンにはコードチャレンジは含まれていません。

quiz icon腕試し

このレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。

論理とフローのすべてのレッスン