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