Gecko 2 中的类型化数组：Float32Array 串联和扩展

Question

我对 Javascript 类型数组有点困惑。

我有几个 Float32Array ，它们没有 concat 方法。顺便说一句，我不知道他们提前有多少。 我想将它们全部连接到另一个 Float32Array 中，但是：

• 正如我之前所说，如果我尝试写入超过数组长度，则没有连接方法
• ，该数组不会扩展（又名这不起作用 - 请注意event.frameBuffer 和 buffer 都是 Float32Array，我不知道缓冲区的最终长度是多少）：

---

var length_now = buffer.length;
for (var i = 0; i < event.frameBuffer.length; i += 1) {
      buffer [length_now + i] = event.frameBuffer[i];
}

我找到的唯一解决方案是将 Float32Array 复制到常规数组中，这绝对不是我想要的。你会怎么做，stackoverflowers？

Answer 1

类型化数组基于数组缓冲区，无法动态调整大小，因此无法写入数组末尾或使用push()。

实现您想要的效果的一种方法是分配一个新的 Float32Array ，它足够大以包含两个数组，并执行优化的复制：

function Float32Concat(first, second)
{
    var firstLength = first.length,
        result = new Float32Array(firstLength + second.length);

    result.set(first);
    result.set(second, firstLength);

    return result;
}

这将允许您编写：

buffer = Float32Concat(buffer, event.frameBuffer);

Answer 2

或者，如果您尝试加入 N 个数组：

// one-liner to sum the values in an array
function sum(a){
  return a.reduce(function(a,b){return a+b;},0);
}

// call this with an array of Uint8Array objects
function bufjoin(bufs){
  var lens=bufs.map(function(a){return a.length;});
  var aout=new Uint8Array(sum(lens));
  for (var i=0;i<bufs.length;++i){
    var start=sum(lens.slice(0,i));
    aout.set(bufs[i],start); // copy bufs[i] to aout at start position
  }
  return aout;
}

Answer 3

我遇到了同样的问题，您现在可以将以下内容添加到原型中，

Float32Array.prototype.concat = function() {
    var bytesPerIndex = 4,
        buffers = Array.prototype.slice.call(arguments);

    // add self
    buffers.unshift(this);

    buffers = buffers.map(function (item) {
        if (item instanceof Float32Array) {
            return item.buffer;
        } else if (item instanceof ArrayBuffer) {
            if (item.byteLength / bytesPerIndex % 1 !== 0) {
                throw new Error('One of the ArrayBuffers is not from a Float32Array');  
            }
            return item;
        } else {
            throw new Error('You can only concat Float32Array, or ArrayBuffers');
        }
    });

    var concatenatedByteLength = buffers
        .map(function (a) {return a.byteLength;})
        .reduce(function (a,b) {return a + b;}, 0);

    var concatenatedArray = new Float32Array(concatenatedByteLength / bytesPerIndex);

    var offset = 0;
    buffers.forEach(function (buffer, index) {
        concatenatedArray.set(new Float32Array(buffer), offset);
        offset += buffer.byteLength / bytesPerIndex;
    });

    return concatenatedArray;
};

您可以简单地执行以下操作

var array1 = new Float32Array(10000000),
    array2 = new Float32Array(10000000);

var array3 = array1.concat(array2);