面试题：JavaScript数组创建的极致优化与底层原理结合

优化策略

对象属性布局优化：
- V8引擎在存储对象时，对象的属性布局会影响内存占用。如果对象属性具有相同的结构，V8可以使用更高效的存储方式，即所谓的“快属性”。尽量确保对象的属性在创建时顺序一致，并且避免动态添加属性。
延迟初始化：
- 不必在创建数组时就初始化所有对象。可以采用延迟初始化的方式，在实际需要使用某个元素时再进行初始化。
使用TypedArray（如果适用）：
- 如果对象的属性可以简化为某种特定类型（例如所有对象都只有一个数字属性），可以考虑使用TypedArray（如Uint32Array等）来存储数据，TypedArray在内存使用上更高效。但对于具有多个不同类型属性的对象，此方法可能不太适用。
分块创建：
- 将大数组的创建分成多个小块进行，避免一次性创建一个非常大的数组，这样可以减少内存峰值。

代码示例

对象属性布局优化示例：

// 确保对象属性顺序一致
function createMyObject(id, name, value) {
    return {
        id: id,
        name: name,
        value: value
    };
}

const largeArray = [];
for (let i = 0; i < 1000000; i++) {
    largeArray.push(createMyObject(i, `name_${i}`, i * 2));
}

延迟初始化示例：

// 创建一个代理数组，实际对象延迟初始化
class LazyArray {
    constructor(size) {
        this.size = size;
        this.data = [];
    }
    get(index) {
        if (index < 0 || index >= this.size) {
            throw new Error('Index out of range');
        }
        if (!this.data[index]) {
            // 这里进行对象初始化
            this.data[index] = {
                id: index,
                name: `name_${index}`,
                value: index * 2
            };
        }
        return this.data[index];
    }
}

const lazyLargeArray = new LazyArray(1000000);
// 使用时
const obj = lazyLargeArray.get(5000);
console.log(obj);

分块创建示例：

const chunkSize = 10000;
const largeArray = [];
for (let chunk = 0; chunk < 100; chunk++) {
    const subArray = [];
    for (let i = 0; i < chunkSize; i++) {
        subArray.push({
            id: chunk * chunkSize + i,
            name: `name_${chunk * chunkSize + i}`,
            value: (chunk * chunkSize + i) * 2
        });
    }
    largeArray.push(subArray);
}
// 扁平化数组（如果需要）
const flatLargeArray = [].concat(...largeArray);

星途面试题库

面试题：JavaScript数组创建的极致优化与底层原理结合

知识考点

面试题答案

优化策略

代码示例