ArrayBuffer

You’re reading the English version of this content since no translation exists yet for this locale. Help us translate this article!

ArrayBuffer객체는 일반적이 길이가 정해진 원시 이진 데이터 버퍼를 나타내는 데 쓰입니다. ArrayBuffer에 담긴 정보를 직접 수정하는 것은 불가능하지만, 대신 타입이 있는 배열이나 특정 포맷의 버퍼를 나타내는 DataView를 생성하고 그것을 이용해 버퍼의 내용물을 읽고 쓸 수 있습니다.

구문

new ArrayBuffer(length)

매개변수

length
바이트 단위로 나타낸 버퍼에 저장된 길이.

반환 값

새로운 ArrayBuffer 객체가 지정된 길이로 만들어져 반환됩니다. 새 객체의 내용물은 0으로 초기화됩니다.

설명

ArrayBuffer 생성자는 바이트 단위의 길이가 주어지면 해당하는 길이의 ArrayBuffer 객체를 생성합니다.

기존 데이터에서 배열 버퍼 가져 오기

속성

ArrayBuffer.length
ArrayBuffer 생성자의 length 속성이며, 값은 1이다.
get ArrayBuffer[@@species]
The constructor function that is used to create derived objects.
ArrayBuffer.prototype
모든 ArrayBuffer 객체에 속성을 추가할 수 있게 한다.

메서드

ArrayBuffer.isView(arg)
타입이 있는 배열이나 DataView처럼 arg가 ArrayBuffer의 view 중 하나라면 true를 반환하고, 아니라면 false를 반환한다.
ArrayBuffer.transfer(oldBuffer [, newByteLength])
Returns a new ArrayBuffer whose contents are taken from the oldBuffer's data and then is either truncated or zero-extended by newByteLength.

인스턴스

ArrayBuffer 의 모든 인스턴스들은 ArrayBuffer.prototype 를 통해 상속받는다.

Properties

ArrayBuffer.prototype.constructor
Specifies the function that creates an object's prototype. The initial value is the standard built-in ArrayBuffer constructor.
ArrayBuffer.prototype.byteLength Read only
The size, in bytes, of the array. This is established when the array is constructed and cannot be changed. Read only.

Methods

ArrayBuffer.prototype.slice()
Returns a new ArrayBuffer whose contents are a copy of this ArrayBuffer's bytes from begin, inclusive, up to end, exclusive. If either begin or end is negative, it refers to an index from the end of the array, as opposed to from the beginning.

 

ArrayBuffer.slice()
Has the same functionality as ArrayBuffer.prototype.slice().

 

예제

이 예제에서는 8 바이트 크기의 버퍼를 생성하고 이를 Int32Array에 참조시켰습니다.

var buffer = new ArrayBuffer(8);
var view   = new Int32Array(buffer);

명세

Specification Status Comment
Typed Array Specification Obsolete Superseded by ECMAScript 6. 
ECMAScript 2015 (6th Edition, ECMA-262)
The definition of 'ArrayBuffer' in that specification.
Standard Initial definition in an ECMA standard. Specified that new is required.
ECMAScript Latest Draft (ECMA-262)
The definition of 'ArrayBuffer' in that specification.
Draft  

브라우저 호환성

Update compatibility data on GitHub
DesktopMobileServer
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung InternetNode.js
ArrayBufferChrome Full support 7Edge Full support 12Firefox Full support 4IE Full support 10Opera Full support 11.6Safari Full support 5.1WebView Android Full support 4Chrome Android Full support 18Firefox Android Full support 4Opera Android Full support 12Safari iOS Full support 4.2Samsung Internet Android Full support Yesnodejs Full support Yes
byteLengthChrome Full support 7Edge Full support 12Firefox Full support 4IE Full support 10Opera Full support 11.6Safari Full support 5.1WebView Android Full support 4Chrome Android Full support 18Firefox Android Full support 4Opera Android Full support 12Safari iOS Full support 4.2Samsung Internet Android Full support Yesnodejs Full support Yes
isViewChrome Full support 32Edge Full support 12Firefox Full support 29IE Full support 11Opera Full support YesSafari Full support YesWebView Android Full support ≤37Chrome Android Full support 32Firefox Android Full support 29Opera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support 2.0nodejs Full support Yes
ArrayBuffer() without new throwsChrome Full support 7Edge Full support 14Firefox Full support 44IE No support NoOpera Full support YesSafari Full support 5.1WebView Android Full support ≤37Chrome Android Full support 18Firefox Android Full support 44Opera Android Full support YesSafari iOS Full support 5Samsung Internet Android Full support 1.0nodejs Full support 0.12
prototypeChrome Full support 7Edge Full support 12Firefox Full support 4IE Full support 10Opera Full support 11.6Safari Full support 5.1WebView Android Full support 4Chrome Android Full support 18Firefox Android Full support 4Opera Android Full support 12Safari iOS Full support 4.2Samsung Internet Android Full support Yesnodejs Full support Yes
sliceChrome Full support 17Edge Full support 12Firefox Full support 12
Notes
Full support 12
Notes
Notes The non-standard ArrayBuffer.slice() method has been removed in Firefox 53 (but the standardized version ArrayBuffer.prototype.slice() is kept.
IE Full support 11Opera Full support YesSafari Full support 6WebView Android Full support ≤37Chrome Android Full support 18Firefox Android Full support 14
Notes
Full support 14
Notes
Notes The non-standard ArrayBuffer.slice() method has been removed in Firefox 53 (but the standardized version ArrayBuffer.prototype.slice() is kept.
Opera Android Full support YesSafari iOS Full support 6Samsung Internet Android Full support 1.0nodejs Full support Yes
transfer
ExperimentalNon-standard
Chrome No support NoEdge No support NoFirefox No support NoIE No support NoOpera No support NoSafari No support NoWebView Android No support NoChrome Android No support NoFirefox Android No support NoOpera Android No support NoSafari iOS No support NoSamsung Internet Android No support Nonodejs No support No
@@speciesChrome Full support 51Edge Full support 13Firefox Full support 48IE No support NoOpera Full support 38Safari ? WebView Android Full support 51Chrome Android Full support 51Firefox Android Full support 48Opera Android Full support 41Safari iOS ? Samsung Internet Android Full support 5.0nodejs Full support 6.5.0
Full support 6.5.0
Full support 6.0.0
Disabled
Disabled From version 6.0.0: this feature is behind the --harmony runtime flag.

Legend

Full support  
Full support
No support  
No support
Compatibility unknown  
Compatibility unknown
Experimental. Expect behavior to change in the future.
Experimental. Expect behavior to change in the future.
Non-standard. Expect poor cross-browser support.
Non-standard. Expect poor cross-browser support.
See implementation notes.
See implementation notes.
User must explicitly enable this feature.
User must explicitly enable this feature.

호환성 참고사항

Starting with ECMAScript 2015, ArrayBuffer constructors require to be constructed with a new operator. Calling an ArrayBuffer constructor as a function without new, will throw a TypeError from now on.

var dv = ArrayBuffer(10);
// TypeError: calling a builtin ArrayBuffer constructor 
// without new is forbidden
var dv = new ArrayBuffer(10);

같이 보기