Suzuki Blog Written by Yuki Suzuki

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

JavaScript

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

JavaScript関数ドリル

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

スポンサードサーチ

drop関数の課題内容

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

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

compact関数

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

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

スポンサードサーチ

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

実装できた

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

function compact(array) {
    const newArray = [];

    for(let i = 0; i < array.length; i++) {
        if(array[i]) {
            newArray.push(array[i]);
        }
    }

    return newArray;
}

console.log(compact([0, 1, false, 2, '', 3]));
// => [1, 2, 3]

スポンサードサーチ

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

解答例

function compact(array) {
  const compactedArray = [];

  for(let i = 0; i < array.length; i++) {
    if(array[i]) {
      compactedArray.push(array[i]);
    }
  }

  return compactedArray;
}


const compactedValues = compact([0, 1, false, 2, '', 3, 4, false, '', 1000]);
console.log(compactedValues);
// => [1, 2, 3]