2021/01/22

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

JavaScript

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

JavaScript関数ドリル

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

スポンサードサーチ

zipObject関数の課題内容

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

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

【初級】zipObject関数の実装

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

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

スポンサードサーチ

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

実装はできなかったが、for文を使うだろう、という考え方は間違っていなかった

オブジェクトの追加方法の復習になった
（オブジェクト名[キー名] = 値;）

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

実装できなかった。

スポンサードサーチ

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

解答例

function zipObject (props = [], values = []) {
  const zipObject = {};

  for (let i = 0; i < props.length; i++) {
    // 答え確認前
    // zipObject.props[i] = values[i];
    // 答え確認後
    zipObject[props[i]] = values[i];
  }

  return zipObject;
}

const result = zipObject(['a', 'b'], [1, 2]);

console.log(result);

JavaScript

• facebook
• Tweet
• hatebu
• LINE
• Read Later