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

JavaScriptの配列でオブジェクトのソースコードを表現する方法【toSource()メソッド】

JavaScriptのtoSource()メソッドは、配列のソースコードを表す文字列を返します。このメソッドはMozilla（Firefox）によってサポートされており、配列の内容をソースコード形式で確認したい場合に利用できます。

toSource()メソッドの基本

toSource()メソッドを配列に対して呼び出すと、その配列を生成するソースコードに相当する文字列が返されます。ただし、このメソッドはECMAScriptの標準仕様には含まれていない非標準のメソッドであるため、FirefoxなどのMozilla系ブラウザ以外では動作しない点に注意が必要です。実際の開発では、JSON.stringify()など標準的な代替手段を使用することが推奨されます。

サンプルコード

以下のコードを実行して、JavaScript配列でオブジェクトのソースコードを表現する方法を確認してみましょう。

<html>
   <head>
      <title>JavaScript Array toSource Method</title>
   </head>
   <body>
      <script>
         var arr = new Array("football", "baseball", "volleyball", "cricket");
         
         var str = arr.toSource();
         document.write("Returned string is : " + str );
      </script>
   </body>
</html>

実行結果

上記のコードをFirefoxで実行すると、次のような文字列が出力されます。

Returned string is : ["football", "baseball", "volleyball", "cricket"]

このように、toSource()メソッドを使うことで、配列の内容をそのままソースコードの形式で文字列として取得できます。ただし前述のとおり非標準メソッドであるため、クロスブラウザ対応が必要な場合はJSON.stringify()の利用を検討してください。

  1. JavaScriptで元の配列を変更せずにオブジェクトのキー名を変更する方法

    JavaScriptで配列内のオブジェクトのキー名（プロパティ名）を変更したい場合、deleteで直接削除してしまうと元のオブジェクトまで書き換わってしまいます。そこで役立つのが、map()メソッドとスプレッド構文（...）、分割代入を組み合わせたイミュータブル（非破壊的）な手法です。この記事では、オブジェクトのキー「name」を「fullName」に変更しながら、元の配列を一切変更しない方法をサンプルコード付きで解説します。サンプルコード<!DOCTYPE html> <html lang="ja"> <head> <meta c

  2. 【JavaScript入門】複数のオブジェクトを1つにマージして単一のオブジェクト配列を作成する方法

    JavaScriptでは、Object.assign()メソッドとスプレッド構文（...）を組み合わせることで、配列内の複数のオブジェクトを1つのオブジェクトに簡単にマージすることができます。 Object.assign()は、1つ以上のコピー元オブジェクトから、コピー先のオブジェクトへすべてのプロパティをコピーするためのメソッドです。スプレッド構文を使って配列の要素を展開することで、各オブジェクトのキーと値が1つのオブジェクトに統合されます。 コード例 以下のコードは、配列内の複数のオブジェクトを単一のオブジェクトにマージする例です。 <!DOCTYPE html> <ht