2021/01/24

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

JavaScript

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

JavaScript関数ドリル

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

スポンサードサーチ

uniq関数の課題内容

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

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

uniq関数

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

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

スポンサードサーチ

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

Setオブジェクトを用いて、実装できた。

Setオブジェクト

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

function uniq(array) {
  // Setはオブジェクトを作成する
  // そのため、Array.form()で配列に変換する
  const newUniq = Array.from(new Set(array));
  return newUniq;
}

console.log(uniq([2, 1, 2]));

スポンサードサーチ

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

解答例

function uniq(array) {
  const uniqArray = [];
  for(let i = 0; i < array.length; i++) {
    const value = array[i];
    if( !uniqArray.includes(value) ) {
      uniqArray.push( value );
    }
  }

  return uniqArray;
}

const numbers = [2, 1, 2];

console.log( uniq(numbers) );
// => [2, 1]

console.log( numbers );
// => [2, 1, 2]

JavaScript

• facebook
• Tweet
• hatebu
• LINE
• Read Later