我必须用很多对象填充一个array.我目前的实现是这样的:
let useVertices = [];
const len = this.indices.length;
for(let i = 0; i < len; i++){
let index = this.indices[i]*3;
useVertices.push(new THREE.Vector3(
this.vertices[index],
this.vertices[index+1],
this.vertices[index+2])
);
}
this.indices是一个长度接近400万的Int32array.
this.vertices是一个长度约为650,000的Float32array.
上面所示的实现需要500到800 ms.
我使用的浏览器是CefSharp，因为该网站是在C#应用程序中运行的.
有没有可能提高这个代码的速度？
收集我的think条 comments 中的最佳建议(除了框架挑战)，等待你测试它们:
THREE.Vector3个实例.我们可以重新使用实例，记住以前基于index的实例.push，保存方法调用:useVertices[i] = ___new Array(len)预分配数组indices、vertices和THREE.Vector3避免不必要的属性查找const代替useVerticesconst { indices, vertices } = this;
const V = THREE.Vector3;
const len = indices.length;
const useVertices = new Array(len);
const vectors = new Map(); // For reusing vectors
for (let i = 0; i < len; i++) {
let index = indices[i] * 3;
let vector = vectors.get(index);
if (!vector) {
vector = new V(
vertices[index],
vertices[index + 1],
vertices[index + 2]
);
vectors.set(index, vector);
}
useVertices[i] = vector;
}
(注意:Plat00ntry 使用数组而不是上面的Map，但即使使用get和set方法调用，Map也更快.)