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

JavaScriptで配列の各要素を3乗（立方）する方法をわかりやすく解説

JavaScriptで配列の各要素を3乗する基本の考え方

JavaScriptで配列内の数値の3乗（立方）を求めたい場合、forループを使って各要素に順番にアクセスし、代入演算子「=」で元の値をその3乗値に置き換えるのが基本的なアプローチです。以下の手順に従うことで、目的の結果を簡単に得られます。

手順

  1. 配列 a = [1, 2, 3, 4, 5] を宣言します。
  2. forループを使って、配列の各要素（a[i]）に順にアクセスします。
  3. ループ内で代入演算子「=」を使用し、各要素をその3乗値（a[i] * a[i] * a[i]）で置き換えます。

これらの手順を実行すると、出力は 1, 8, 27, 64, 125 となります。この方法は3乗に限らず、応用すれば配列内の要素の任意の累乗も同じ要領で計算できます。

コード例

<html>
<body>
<script>
    var a = [1,2,3,4,5];
    for ( var i = 0; i < a.length;i++) {
        a[i] = a[i]*a[i]*a[i];
    }
    document.write(a);
</script>
</body>
</html>

実行結果

[1, 8, 27, 64, 125]

補足：Math.pow() を使った別の書き方

乗算を3回繰り返す代わりに、Math.pow(a[i], 3) を使えばより簡潔に記述できます。さらに、指数部分を変数にしておけば、2乗でも4乗でも同じコードを流用できるため、汎用的な処理を実装したい場合におすすめです。

  1. JavaScriptで配列をセット（Set）に変換する方法｜new Set()の使い方を解説

    JavaScriptでは、new Set() コンストラクタを使うことで、配列を簡単にセット（Setオブジェクト）へ変換できます。セットは同じ値を自動的に1つだけ保持する性質を持つため、配列から重複した要素を取り除きたい場合にも非常に便利です。 配列をセットに変換するサンプルコード 以下は、ボタンをクリックすると配列がセットに変換されて表示される、完全なHTMLサンプルです。 <!DOCTYPE html> <html lang=ja> <head> <meta charset=UTF-8 /> <meta name=viewport co

  2. JavaScriptでIDごとにオブジェクトの配列をグループ化する方法

    JavaScriptでオブジェクトの配列をidなどの特定のキーごとにグループ化したい場合、reduce()メソッドを使うと簡潔に実装できます。この記事では、どのプロパティにも対応できる汎用的なgroupBy関数を作成し、実際のサンプルコードとともにその仕組みを詳しく解説します。 reduce()によるグループ化の考え方 reduce()は、配列の各要素を順番に処理しながら、1つの累積値（ここではオブジェクト）を組み立てていくメソッドです。各要素からキーの値を取り出し、その値がまだ結果オブジェクトに存在しなければ新しい配列を作成して、そこへ要素を追加していくことでグループ化を実現します。 サ