2021/03/06 (更新日: 2021/03/14)

【JavaScript関数ドリル】初級編のjoin関数の実装のアウトプット

JavaScript

こちらは、JavaScript関数ドリルに取り組んだ際の、アウトプット記事です。

JavaScript関数ドリル

JavaScript初心者の方、関数の作成に苦手意識のある方は参考にして頂けたらと思います。

スポンサードサーチ

join関数の課題内容

Lodashのjoin関数を実装します。

詳しい「課題内容」「解説動画」「解答例」を確認したい場合は、以下リンク先のページを参照。

join関数

join関数に取り組む前の状態

実装アイデアが全く思い浮かばない状態

スポンサードサーチ

join関数に取り組んだ後の状態

for文とif文を組み合わせて実装できた

join関数の実装コード(答えを見る前)

function join(array, separator = ',') {
    let answer = '';

    for(let i = 0; i < array.length; i++) {
        if(i === 0) {
            answer = array[i];
        } else {
            answer = answer + separator + array[i];
        }
    }

    return answer;
}

console.log(join(['a', 'b', 'c'], '~'));
// => 'a~b~c'

スポンサードサーチ

join関数の実装コード(答えを見た後)

解答例

function join(array, separator = ',') {
  const copiedArray = [...array];

  let joinedString = copiedArray.shift();
  for(let i = 0; i < copiedArray.length; i++) {
    joinedString += separator + copiedArray[i];
  }

  return joinedString;
}

console.log( join(['a', 'b', 'c'], '---') );
// => 'a~b~c'

JavaScript

• facebook
• Tweet
• hatebu
• LINE
• Read Later