関数

中級
28
2時間48分

JavaScriptの関数に関する練習問題

JavaScriptコースの一部として、関数に関する実践的な練習問題を28問用意しています。 基礎から応用まで段階的に学習できるよう構成されています。

学習を開始する準備ができました

下記の練習問題から始めて、段階的にスキルアップしていきましょう

javascript icon

練習問題一覧 (28問)

問題 1

以下のコードで関数を呼び出すための正しい書き方はどれですか? ```javascript function greet() { console.log("Hello!"); } ```

問題 2

アロー関数の基本的な書き方として正しいものはどれですか?

問題 3

`map`メソッドの特徴として正しいものはどれですか?

問題 4

以下のコードで`return`文の後に書かれた`console.log`は実行されるでしょうか? ```javascript function test() { console.log("開始"); return "完了"; console.log("終了"); } ```

問題 5

関数を使うメリットとして最も適切でないものはどれですか?

問題 6

複数の引数を持つ関数で、引数の順番を間違えた場合はどうなりますか? ```javascript function introduce(name, age) { return "私は" + name + "で、" + age + "歳です。"; } introduce(25, "田中"); ```

問題 7

以下のコードで、学生の名前だけを抽出するために空欄に入るコードは何ですか? ```javascript const students = [ { name: "田中", score: 80 }, { name: "佐藤", score: 90 } ]; const names = students.______(student => student.name); ```

問題 8

以下のコードの実行結果はどうなりますか? ```javascript const numbers = [1, 2, 3]; const doubled = numbers.map(x => x * 2); console.log(doubled); ```

問題 9

関数式を使って関数を作成する正しい書き方はどれですか?

問題 10

以下のコードの実行結果として正しいものはどれですか? ```javascript const items = [ { name: "商品A", price: 1000, stock: 5 }, { name: "商品B", price: 2000, stock: 0 }, { name: "商品C", price: 1500, stock: 3 } ]; const result = items .filter(item => item.stock > 0) .map(item => item.name); console.log(result); ```

問題 11

アロー関数でオブジェクトを返す場合の正しい書き方はどれですか?

問題 12

以下のコードの空欄に入る適切なキーワードは何ですか? ```javascript function calculateTax(price) { const tax = price * 0.1; ______ price + tax; } const totalPrice = calculateTax(1000); ```

問題 13

関数宣言と関数式の違いについて正しい説明はどれですか?

問題 14

`filter`メソッドのコールバック関数が返すべき値は何ですか?

問題 15

以下のコードの実行結果はどうなりますか? ```javascript function showNumber() { console.log(42); } function showText() { console.log("Hello"); } showText(); showNumber(); ```

問題 16

デフォルト引数が設定された以下の関数で、引数を渡さずに呼び出した場合の結果は何ですか? ```javascript function greet(name = "ゲスト") { return "こんにちは、" + name + "さん!"; } console.log(greet()); ```

問題 17

以下のコードの実行結果はどうなりますか? ```javascript function add(a, b) { return a + b; } const result = add(5, 3); console.log(result); ```

問題 18

空の配列を返す可能性があるメソッドはどれですか?

問題 19

通常の関数宣言とアロー関数の違いとして正しいものはどれですか?

問題 20

以下のコードで、`total`変数にはどのような値が代入されますか? ```javascript function multiply(x, y) { return x * y; } const result1 = multiply(3, 4); const result2 = multiply(2, 5); const total = result1 + result2; ```

問題 21

以下のアロー関数をより短縮して書いた場合、正しいものはどれですか? ```javascript const double = (num) => { return num * 2; }; ```

問題 22

アロー関数で複数行の処理を行う場合、必要なものはどれですか?

問題 23

アロー関数で複数の引数を受け取る場合の正しい書き方はどれですか?

問題 24

`map`メソッドで作成される新しい配列の要素数は、元の配列と比べてどうなりますか?

問題 25

以下のコードの実行結果はどうなりますか? ```javascript const prices = [100, 200, 300]; const result = prices.map(price => price * 1.1).filter(price => price > 250); console.log(result); ```

問題 26

以下のコードを実行したときの結果は何ですか? ```javascript function greet(name) { console.log("こんにちは、" + name + "さん!"); } greet("田中"); ```

問題 27

JavaScriptの関数名に使用できるキャメルケースの例はどれですか?

問題 28

JavaScriptで関数を宣言する基本的な構文はどれですか?

💡 学習のコツ

  • • 順番に取り組むことで、段階的に理解を深めることができます
  • • 間違えた問題は解説をしっかり読んで理解しましょう
  • • 全問題完了後、もう一度チャレンジして定着を確認しましょう

📚 学習の進め方

1

問題を順番に解く

基礎から応用へと段階的に構成されているため、順番に取り組むことをお勧めします

2

解説をしっかり読む

正解・不正解に関わらず、解説を読んで理解を深めましょう

3

復習で定着させる

間違えた問題は後日再チャレンジして、知識の定着を確認しましょう

さらに効果的な学習を

プレミアムプランでは、進捗管理、間違えた問題の自動復習リスト、詳細な解説動画など、 より充実した学習体験をご利用いただけます。