Revision 987187 of SIMD.Float32x4

<div>{{JSRef}} {{es7}}</div>

<p>The <strong><code>SIMD.Float32x4</code></strong> data type is a 128-bit vector divided into 4 lanes storing single precision floating point values.</p>

<div><img alt="SIMD.Float32x4" src="https://mdn.mozillademos.org/files/11249/float32x4.png" />
<p>Figure 1: SIMD.Float32x4 in a 128-bit SIMD register.</p>
</div>

<h2 id="Syntax">Syntax</h2>

<pre class="syntaxbox">
SIMD.Float32x4(x, y, z, w);</pre>

<h3 id="Parameters">Parameters</h3>

<p>The input values are specified in double precision floating and are converted to single precision floating point values before being stored.</p>

<dl>
 <dt><code>x</code> {{optional_inline}}</dt>
 <dd>An double specifying the value of the first lane. Defaults to {{jsxref("NaN")}}.</dd>
 <dt><code>y</code> {{optional_inline}}</dt>
 <dd>An double specifying the value of the second lane. Defaults to {{jsxref("NaN")}}.</dd>
 <dt><code>z</code> {{optional_inline}}</dt>
 <dd>An double specifying the value of the third lane. Defaults to {{jsxref("NaN")}}.</dd>
 <dt><code>w</code> {{optional_inline}}</dt>
 <dd>An double specifying the value of the fourth lane. Defaults to {{jsxref("NaN")}}.</dd>
</dl>

<h2 id="Constructor_functions">Constructor functions</h2>

<p>In addition to the simple creator functions, the SIMD API provides the following constructor function. Note that you can also <a href="#Data_conversions">convert from another SIMD data type to Float32x4</a>.</p>

<dl>
 <dt>{{jsxref("SIMD.splat", "SIMD.Float32x4.splat()")}}</dt>
 <dd>Creates an Float32x4 with all lanes set to a given value.</dd>
</dl>

<div class="note">
<p><strong>Note:</strong> SIMD types don't work with <code>new</code>, as SIMD values are no "boxed" objects (comparable to <code>String(s)</code> vs. <code>new String(s)</code>, which creates a String object).</p>

<pre class="brush: js example-bad">
var v = new SIMD.Float32x4(0,1,2,3); 
// TypeError: SIMD.Float32x4 is not a constructor
var w = new SIMD.Float32x4.splat(3); 
// TypeError: SIMD.Float32x4.splat is not a constructor
</pre>

<p>Instead, you just write:</p>

<pre class="brush: js example-good">
var v = SIMD.Float32x4(0,1,2,3);
var w = SIMD.Float32x4.splat(3);
</pre>
</div>

<h2 id="Operations">Operations</h2>

<p>To actually do something with SIMD types, SIMD operations are needed that work on SIMD data types.</p>

<h3 id="Checking_SIMD_types">Checking SIMD types</h3>

<dl>
 <dt>{{jsxref("SIMD.check", "SIMD.Float32x4.check()")}}</dt>
 <dd>Returns a new Float32x4 if the parameter is a valid Float32x4 data type. Throws a {{jsxref("TypeError")}} otherwise.</dd>
</dl>

<h3 id="Accessing_and_mutating_lanes">Accessing and mutating lanes</h3>

<dl>
 <dt>{{jsxref("SIMD.extractLane", "SIMD.Float32x4.extractLane()")}}</dt>
 <dd>Returns the value of the given lane.</dd>
 <dt>{{jsxref("SIMD.replaceLane", "SIMD.Float32x4.replaceLane()")}}</dt>
 <dd>Returns a new Float32x4 with the given lane value replaced.</dd>
</dl>

<h3 id="Loading_from_and_storing_into_typed_arrays">Loading from and storing into typed arrays</h3>

<dl>
 <dt>{{jsxref("SIMD.load", "SIMD.Float32x4.load()")}}</dt>
 <dd>Returns a new Float32x4 with the lane values loaded from a <a href="/en-US/docs/Web/JavaScript/Typed_arrays">typed array</a>.</dd>
 <dt>{{jsxref("SIMD.store", "SIMD.Float32x4.store()")}}</dt>
 <dd>Stores an Float32x4 into a <a href="/en-US/docs/Web/JavaScript/Typed_arrays">typed array</a>.</dd>
</dl>

<h3 id="Arithmetic_operations">Arithmetic operations</h3>

<dl>
 <dt>{{jsxref("SIMD.abs", "SIMD.Float32x4.abs()")}}</dt>
 <dd>Returns a new Float32x4 with the absolute lane values.</dd>
 <dt>{{jsxref("SIMD.add", "SIMD.Float32x4.add()")}}</dt>
 <dd>Returns a new Float32x4 with the lane values added (<code>a + b</code>).</dd>
 <dt>{{jsxref("SIMD.div", "SIMD.Float32x4.div()")}}</dt>
 <dd>Returns a new Float32x4 with the lane values divided (<code>a / b</code>).</dd>
 <dt>{{jsxref("SIMD.mul", "SIMD.Float32x4.mul()")}}</dt>
 <dd>Returns a new Float32x4 with the lane values multiplied (<code>a * b</code>).</dd>
 <dt>{{jsxref("SIMD.neg", "SIMD.Float32x4.neg()")}}</dt>
 <dd>Returns a new Float32x4 with the negated lane values.</dd>
 <dt>{{jsxref("SIMD.reciprocalApproximation", "SIMD.Float32x4.reciprocalApproximation()")}}</dt>
 <dd>Returns a new Float32x4 with an approximation of the reciprocal lane values.</dd>
 <dt>{{jsxref("SIMD.reciprocalSqrtApproximation", "SIMD.Float32x4.reciprocalSqrtApproximation()")}}</dt>
 <dd>Returns a new Float32x4 with an approximation of the reciprocal square root lane values.</dd>
 <dt>{{jsxref("SIMD.sub", "SIMD.Float32x4.sub()")}}</dt>
 <dd>Returns a new Float32x4 with the lane values subtracted (<code>a - b</code>).</dd>
 <dt>{{jsxref("SIMD.sqrt", "SIMD.Float32x4.sqrt()")}}</dt>
 <dd>Returns a new Float32x4 with the square root of the lane values.</dd>
</dl>

<h3 id="Shuffling_and_swizzling">Shuffling and swizzling</h3>

<dl>
 <dt>{{jsxref("SIMD.shuffle", "SIMD.Float32x4.shuffle()")}}</dt>
 <dd>Returns a new Float32x4 with the lane values shuffled.</dd>
 <dt>{{jsxref("SIMD.swizzle", "SIMD.Float32x4.swizzle()")}}</dt>
 <dd>Returns a new Float32x4 with the lane values swizzled.</dd>
</dl>

<h3 id="Min_and_max_values">Min and max values</h3>

<dl>
 <dt>{{jsxref("SIMD.max", "SIMD.Float32x4.max()")}}</dt>
 <dd>Returns a new Float32x4 with the maximum of the lane values.</dd>
 <dt>{{jsxref("SIMD.maxNum", "SIMD.Float32x4.maxNum()")}}</dt>
 <dd>Returns a new Float32x4 with the maximum of the lane values, preferring numbers over {{jsxref("NaN")}}.</dd>
 <dt>{{jsxref("SIMD.min", "SIMD.Float32x4.min()")}}</dt>
 <dd>Returns a new Float32x4 with the minimum of the lane values.</dd>
 <dt>{{jsxref("SIMD.minNum", "SIMD.Float32x4.minNum()")}}</dt>
 <dd>Returns a new Float32x4 with the minimum of the lane values, preferring numbers over {{jsxref("NaN")}}.</dd>
</dl>

<h3 id="Selections">Selections</h3>

<dl>
 <dt>{{jsxref("SIMD.select", "SIMD.Float32x4.select()")}}</dt>
 <dd>Returns a new Float32x4 with the lane values being a mix of the lanes depending on the selector mask.</dd>
</dl>

<h3 id="Comparisons">Comparisons</h3>

<dl>
 <dt>{{jsxref("SIMD.equal", "SIMD.Float32x4.equal()")}}</dt>
 <dd>Returns a selection mask depending on <code>a == b</code>.</dd>
 <dt>{{jsxref("SIMD.notEqual", "SIMD.Float32x4.notEqual()")}}</dt>
 <dd>Returns a selection mask depending on <code>a != b</code>.</dd>
 <dt>{{jsxref("SIMD.lessThan", "SIMD.Float32x4.lessThan()")}}</dt>
 <dd>Returns a selection mask depending on <code>a &lt; b</code>.</dd>
 <dt>{{jsxref("SIMD.lessThanOrEqual", "SIMD.Float32x4.lessThanOrEqual()")}}</dt>
 <dd>Returns a selection mask depending on <code>a &lt;= b</code>.</dd>
 <dt>{{jsxref("SIMD.greaterThan", "SIMD.Float32x4.greaterThan()")}}</dt>
 <dd>Returns a&nbsp;selection mask depending on <code>a &gt; b</code>.</dd>
 <dt>{{jsxref("SIMD.greaterThanOrEqual", "SIMD.Float32x4.greaterThanOrEqual()")}}</dt>
 <dd>Returns a selection mask depending on <code>a &gt;= b</code>.</dd>
</dl>

<h3 id="Data_conversions">Data conversions</h3>

<dl>
 <dt>{{jsxref("SIMD.fromInt32x4", "SIMD.Float32x4.fromInt32x4()")}}</dt>
 <dd>Creates a new Float32x4 data type with a Float conversion from an Int32x4.</dd>
 <dt>{{jsxref("SIMD.fromInt32x4Bits", "SIMD.Float32x4.fromInt32x4Bits()")}}</dt>
 <dd>Creates a new Float32x4 data type with a bit-wise copy from an Int32x4.</dd>
 <dt>{{jsxref("SIMD.fromFloat64x2Bits", "SIMD.Float32x4.fromFloat64x2Bits()")}}</dt>
 <dd>Creates a new Float32x4 data type with a bit-wise copy from a Float64x2.</dd>
 <dt>{{jsxref("SIMD.fromInt16x8Bits", "SIMD.Float32x4.fromInt16x8Bits()")}}</dt>
 <dd>Creates a new Float32x4 data type with a bit-wise copy from an Int16x8.</dd>
 <dt>{{jsxref("SIMD.fromInt8x16Bits", "SIMD.Float32x4.fromInt8x16Bits()")}}</dt>
 <dd>Creates a new Float32x4 data type with a bit-wise copy from an Int8x16.</dd>
</dl>

<h2 id="Examples">Examples</h2>

<pre class="brush: js">
SIMD.Float32x4(1, 2, 3, 4); // Float32x4[1, 2, 3, 4]
SIMD.Float32x4(1, 2);       // Float32x4[1, 2, NaN, NaN]
SIMD.Float32x4();           // Float32x4[NaN, NaN, NaN, NaN]
</pre>

<h2 id="Specifications">Specifications</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">Specification</th>
   <th scope="col">Status</th>
   <th scope="col">Comment</th>
  </tr>
  <tr>
   <td>{{SpecName('SIMD', '#float32x4', 'Float32x4')}}</td>
   <td>{{Spec2('SIMD')}}</td>
   <td>Initial definition.</td>
  </tr>
 </tbody>
</table>

<h2 id="Browser_compatibility">Browser compatibility</h2>

<p>{{CompatibilityTable}}</p>

<div id="compat-desktop">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Feature</th>
   <th>Chrome</th>
   <th>Firefox (Gecko)</th>
   <th>Internet Explorer</th>
   <th>Opera</th>
   <th>Safari</th>
  </tr>
  <tr>
   <td>Basic support</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNightly("firefox")}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
  </tr>
 </tbody>
</table>
</div>

<div id="compat-mobile">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Feature</th>
   <th>Android</th>
   <th>Chrome for Android</th>
   <th>Firefox Mobile (Gecko)</th>
   <th>IE Mobile</th>
   <th>Opera Mobile</th>
   <th>Safari Mobile</th>
  </tr>
  <tr>
   <td>Basic support</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNightly("firefox")}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
  </tr>
 </tbody>
</table>
</div>

<h2 id="See_also">See also</h2>

<ul>
 <li>{{jsxref("SIMD")}}</li>
</ul>