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

JavaScriptのTypedArray.join()メソッドとは？使い方と実行例を解説

TypedArrayオブジェクトのjoin()メソッドは、型付き配列（TypedArray）のすべての要素を連結して1つの文字列にまとめ、その結果を返します。引数として区切り文字（セパレータ）を渡すことで、要素をつなぐ文字を自由に指定できます。

構文

join()メソッドの基本的な構文は以下の通りです。

typedArray.join(':')

ポイント

  • 区切り文字を省略した場合、デフォルトではカンマ（,）が使用されます。
  • 空文字列（''）を指定すると、要素間に何も挟まずそのまま連結されます。

サンプルコード

<html>
<head>
   <title>JavaScript TypedArray join() メソッド</title>
</head>
<body>
   <script type="text/javascript">
      var int32View = new Int32Array([21, 19, 65, 21, 14, 66, 87, 55 ]);
      document.write("<br>");
      var contains = int32View.join('');
      document.write("."+contains);
      document.write("<br>");
      document.write(int32View.join(':'));
      document.write("<br>");
      document.write(int32View.join('-'));
      document.write("<br>");
      document.write(int32View.join(' '));
   </script>
</body>
</html>

実行結果

:
2119652114668755
21:19:65:21:14:66:87:55
21-19-65-21-14-66-87-55
21 19 65 21 14 66 87 55

解説

この例では、Int32Arrayを作成し、さまざまな区切り文字を指定してjoin()メソッドを呼び出しています。空文字列を指定すると「2119652114668755」のように要素がそのまま連結され、コロン（:）、ハイフン（-）、スペースを指定した場合は、それぞれの文字で区切られた文字列が生成されていることがわかります。

  1. JavaScript TypedArray values()メソッドの使い方とサンプルコード解説

    TypedArray.values()メソッドとはTypedArrayオブジェクトが持つvalues()メソッドは、型付き配列（typed array）に格納されている各要素の値を保持するイテレーターオブジェクトを返します。返されたイテレーターオブジェクトに対してnext()メソッドを呼び出すたびに、{ value: 値, done: 真偽値 }という形式のオブジェクトが1つずつ返され、配列内の要素を先頭から順番に取り出すことができます。すべての要素を取り出し終えると、doneプロパティがtrueになります。構文values()メソッドの基本的な構文は以下の通りです。typedArray.va

  2. JavaScriptで配列を関数の引数として渡す方法【apply()とスプレッド構文の比較】

    JavaScriptでは、配列の各要素を関数の個別の引数として渡したい場面がよくあります。本記事では、従来のapply()メソッドを使う方法と、ES6（ECMAScript 2015）で導入されたスプレッド構文（...）を使うモダンな方法を、コード例とともにわかりやすく解説します。 従来の方法：apply()とnullを使った配列の受け渡し かつては、配列を関数の引数として展開して渡すためにapply()メソッドが使われていました。このとき、thisの参照先としてnullを指定するのが一般的でした。 しかし、本来不要なnullを引数に含めるため、コードの意図が分かりにくくなり、可読性が損なわれ