[자바스크립트의 배열은 배열이 아니다]

• 연속된 주소를 가지고 있지 않고 실제로는 연결리스트 구조를 이용해서 Hash Map이나 Dictionary로 구현되어있다
• 컴파일러 덕분에 일반적인 배열과 마찬가지로 연속된 주소를 가질 수 있다
  • 문제는 코드가 push 등을 통해 다른 원소를 삽입하려고하면 컴파일러는 전체 배열 구조를 해제하고 다시 비연속적인 메모리 구조를 할당한다
• 자바스크립트에서도 이제 ArrayBuffer와 View를 이용해서 제대로된 Array를 다룰 수 있게 되었다

[타이핑된 배열 활용]

var LIMIT = 10000000;
var buffer = new ArrayBuffer(LIMIT * 4); // 배열 버퍼 할당
var arr = new Int32Array(buffer); // View 를 만들어 줘야한다
arr.push({a: 22}); // 이렇게 다른 원소가 삽입되는경우 힘을 발휘한다
console.time("ArrayBuffer insertion time");
for (var i = 0; i < LIMIT; i++) {
  arr[i] = i;
}
console.timeEnd("ArrayBuffer insertion time");

[타이핑된 배열 채우기]

const uint8 = new Uint8Array([0, 0, 0, 0]);
// (value, start position, end position);
uint8.fill(4, 1, 3);

console.log(uint8);
// expected output: Uint8Array [0, 4, 4, 0]

참고

JavaScript 배열(Array)의 발전과 성능에 대해서 자세히 알아보기

TypedArray.prototype.fill()