【JavaScript関数ドリル】初級編のtake関数の実装のアウトプット
こちらは、JavaScript関数ドリルに取り組んだ際の、アウトプット記事です。
JavaScript初心者の方、関数の作成に苦手意識のある方は参考にして頂けたらと思います。
スポンサードサーチ
take関数の課題内容
Lodashのtake関数を実装します。
詳しい「課題内容」「解説動画」「解答例」を確認したい場合は、以下リンク先のページを参照。
take関数に取り組む前の状態
splice関数を使えばできそうだと思った。
スポンサードサーチ
take関数に取り組んだ後の状態
予想通り、splice関数で実装できた。
take関数の実装コード(答えを見る前)
function take(array, n=1) {
newArray = [];
newArray = array.splice(0, n);
return newArray;
}
console.log( take([1, 2, 3]) );
// => [1]
console.log( take([1, 2, 3], 2) );
// => [1, 2]
console.log( take([1, 2, 3], 5) );
// => [1, 2, 3]
console.log( take([1, 2, 3], 0) );
// => []スポンサードサーチ
take関数の実装コード(答えを見た後)
解答例
function take(array, n = 1) {
if(n === 0) {
return [];
}
if(n > array.length) {
return [...array];
}
const takenValues = [];
for(let i = 0; i < n; i++) {
takenValues.push( array[i] );
}
return takenValues;
}
console.log( take([1, 2, 3]) );
// => [1]
console.log( take([1, 2, 3], 2) );
// => [1, 2]
console.log( take([1, 2, 3], 5) );
// => [1, 2, 3]
console.log( take([1, 2, 3], 0) );
// => []