Suzuki Blog Written by Yuki Suzuki

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

JavaScript

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

JavaScript関数ドリル

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

スポンサードサーチ

ntm関数の課題内容

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

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

nth関数

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

if文で実装できそうだと思った

スポンサードサーチ

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

slice関数の復習もできた。

slice関数とは配列の一部を取り出せる関数のこと。

slice関数

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

function nth(array, n = 0) {
    let newArray = '';

    if (n >= 0) {
        newArray = array[n];
    } else if(n < 0) {
        // slice関数で末尾からn番目までの配列を作る。
        // 配列ではなく、値が欲しいので[0]でアクセスする。
        newArray = array.slice(n)[0];
    }

    return newArray;
}

var array = ['a', 'b', 'c', 'd'];

console.log(nth(array, 1));
// => 'b'

console.log(nth(array, -2));
// => 'c'

スポンサードサーチ

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

解答例

function nth(array, n = 0) {
  return n >= 0 ? array[n] : array[array.length + n];
}

const array = ['a', 'b', 'c', 'd'];

console.log( nth(array, 1) );
// => 'b'

console.log( nth(array, -2) );
// => 'c';