JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptで数値の倍数テーブルを配列に書き込む方法

2つの数値(ここでは mn)を受け取り、m の最初の n 個の倍数を配列として返す JavaScript 関数を作成する必要があります。

例えば、m = 4n = 6 の場合、期待される結果は [4, 8, 12, 16, 20, 24] です。つまり、4 の倍数をちょうど 6 個だけ配列に格納するという処理になります。

実装例

それでは、この関数のコードを見てみましょう。

const num1 = 4;
const num2 = 6;

const multiples = (num1, num2) => {
    const res = [];
    for(let i = num1; i <= num1 * num2; i += num1){
        res.push(i);
    };
    return res;
};

console.log(multiples(num1, num2));

出力

コンソールには次のように出力されます。

[ 4, 8, 12, 16, 20, 24 ]

コードの解説

この関数は以下のような流れで動作します。

  • ループ変数 inum1 から開始し、毎回 num1 ずつ増加させます。
  • inum1 * num2 以下である間、その値を配列 res に追加していきます。
  • 結果として、num1 の倍数がちょうど num2 個だけ配列に格納されます。

別の書き方:Array.from() を活用する方法

よりモダンで簡潔な記述としては、Array.from() を使う方法もあります。

const multiples = (m, n) =>
    Array.from({ length: n }, (_, i) => m * (i + 1));

console.log(multiples(4, 6));
// [ 4, 8, 12, 16, 20, 24 ]

この方法では明示的なループ処理を書く必要がなく、意図が伝わりやすく読みやすいコードになります。用途や好みに応じて、両者の使い分けを検討するとよいでしょう。

  1. JavaScriptでネストされた配列から最大値を見つける方法

    JavaScriptでは、数値が入れ子になった配列(ネストされた配列)から最大値を取り出したい場面があります。この記事では、任意の深さまでネストされた数値配列を受け取り、その中に含まれる最大の数値を返すシンプルな関数を実装していきます。 問題の例 まず、次のような配列を入力として渡すケースを考えてみましょう。 const arr = [ 34, 65, 67, [ 43, 76, 87, 23, 56, 7, [ 54, 7, 87, 23, 79, 314, 2 ], 54 ], 54, 4, 2 ]; この場合、期待される出力は次の

  2. 【jQuery】HTMLテーブルのデータをJavaScriptの配列に変換する方法

    HTMLテーブルのデータを配列に変換するとは Webアプリケーションを開発していると、HTMLテーブルとして表示されているデータを、JavaScript側で配列として扱いたい場面があります。そんなときは、jQueryのfind()メソッドで<td>要素のデータを取得し、push()メソッドで配列に格納することで、簡単に実現できます。 サンプルとなるHTMLテーブル 今回は、以下のような「名前(Name)」と「年齢(Age)」を持つシンプルなテーブルを例に説明します。 <table id="details"> <thead> <tr