TypedArray 객체의 byteLength 속성은 해당 타입 배열의 길이를 바이트(byte) 단위로 나타냅니다. 이 값은 뷰(view)가 참조하는 ArrayBuffer 내에서 실제로 차지하는 메모리 크기를 의미하며, 읽기 전용 속성입니다. 문법(Syntax) 사용 문법은 다음과 같습니다. typedArray.byteLength; byteLength는 함수가 아니라 속성이므로, 괄호 없이 직접 접근하여 값을 읽습니다. 예제(Example) <html> <head> <tit
TypedArray 객체의 byteOffset 속성은 해당 타입 배열이 기반이 되는 ArrayBuffer 내에서 시작 위치까지의 거리를 바이트 단위로 나타냅니다.쉽게 말해, 버퍼 전체를 사용해 타입 배열을 생성하면 byteOffset은 0이 되지만, 특정 위치부터 뷰(view)를 생성한 경우에는 그 시작 지점의 바이트 값이 반환됩니다.문법(Syntax)byteOffset은 메서드가 아닌 속성이므로 호출 없이 그대로 참조하면 됩니다.typedArray.byteOffset;예제(Example)<html><head>
TypedArray.copyWithin() 메서드란?copyWithin()은 TypedArray 객체가 제공하는 메서드로, 배열 내부의 요소를 다른 위치로 복사하는 기능을 합니다. 이 메서드는 배열 자기 자신 안에서 데이터를 복사하므로, 별도의 새로운 배열을 생성하지 않고도 특정 구간의 값을 이동시킬 수 있습니다.이 메서드는 최대 세 개의 숫자형 매개변수를 받습니다.target: 복사한 요소를 붙여넣을 시작 인덱스 (필수)start: 복사할 데이터의 시작 인덱스 (선택)end: 복사할 데이터의 끝 인덱스 (선택, 지정하지 않으면 배
TypedArray.entries()란?entries() 메서드는 해당 TypedArray 객체를 순회할 수 있는 이터레이터(iterator)를 반환합니다. 이 이터레이터를 사용하면 배열의 키-값 쌍을 가져올 수 있으며, 여기서 키는 배열의 인덱스, 값은 해당 인덱스에 저장된 요소입니다. 즉, 일반 배열의 Array.prototype.entries()와 동일한 방식으로 동작합니다.구문사용 구문은 다음과 같습니다.typedArray.entries()별도의 매개변수는 받지 않으며, 호출된 TypedArray 자신을 순회하는 이터레이터
TypedArray every() 메서드란?TypedArray(형식화 배열)의 every() 메서드는 콜백 함수로 구현된 테스트를 배열의 모든 요소가 통과하는지 검사합니다. 모든 요소가 조건을 충족하면 true를 반환하고, 단 하나의 요소라도 조건을 충족하지 않으면 반복을 즉시 중단하고 false를 반환합니다.이 메서드는 일반 Array 객체의 every()와 동일한 방식으로 동작하며, Int32Array, Float64Array 등 다양한 형식화 배열에서 사용할 수 있습니다.문법(Syntax)typedArray.every(call
TypedArray 객체의 fill() 함수는 배열 내에서 지정한 범위의 요소들을 특정 고정값으로 일괄 대체하는 기능을 제공합니다. 이 함수는 최대 세 개의 매개변수를 받습니다. 첫 번째는 배열에 채워 넣을 고정값이고, 나머지 두 개는 대체할 요소 범위의 시작 인덱스와 끝 인덱스를 의미합니다. 단, 끝 인덱스는 선택 사항으로 생략할 수 있으며, 생략 시 배열 끝까지 모두 채워집니다.문법(Syntax)fill() 함수의 기본 문법은 다음과 같습니다.int32View.fill(464, 3);예제(Example)아래 예제는 Int32Ar
JavaScript에서 Set 객체의 values() 메서드는 현재 Set에 저장된 모든 값을 순회할 수 있는 이터레이터(Iterator) 객체를 반환합니다. 반환된 이터레이터 객체는 next() 메서드를 제공하며, next()를 호출할 때마다 Set에 담긴 다음 요소를 하나씩 순서대로 가져올 수 있습니다.Set은 중복을 허용하지 않는 고유한 값들의 집합을 관리하는 자료구조로, 삽입된 순서대로 요소를 순회한다는 특징이 있습니다. 따라서 values() 메서드로 얻은 이터레이터 역시 요소가 추가된 순서대로 값을 반환합니다.문법(Syn
SharedArrayBuffer의 byteLength 속성은 해당 공유 배열 버퍼(SharedArrayBuffer)의 크기, 즉 전체 바이트 길이를 나타내는 부호 없는 32비트 정수(unsigned 32-bit integer)를 반환합니다.SharedArrayBuffer는 여러 스레드나 웹 워커(Worker) 간에 메모리를 공유할 수 있도록 지원하는 객체로, 실제로 할당된 바이트 크기를 확인할 때 byteLength 속성을 활용합니다.문법(Syntax)사용 문법은 다음과 같습니다.sharedArrayBuffer.byteLength이
JavaScript의 parseInt() 함수는 숫자를 나타내는 문자열과 진법(radix)을 나타내는 숫자, 두 개의 매개변수를 받아 해당 진법의 정수를 반환하는 전역 함수입니다. 주로 사용자 입력이나 API 응답처럼 문자열 형태로 들어온 숫자 데이터를 실제 정수 값으로 변환할 때 유용하게 사용됩니다.기본 문법parseInt(4524, 8);매개변수 설명문자열(string): 정수로 변환할 대상 문자열입니다. 앞뒤 공백은 자동으로 제거된 후 해석됩니다.진법(radix): 2부터 36까지의 정수로, 문자열을 어떤 진법의 숫자로 해석할
자바스크립트의 parseFloat() 함수는 문자열을 인수로 받아 이를 구문 분석한 뒤 부동소수점 숫자(실수)를 반환하는 전역 함수입니다. 문자열의 시작부터 차례대로 읽어가며 유효한 숫자 형태인 부분까지만 변환하고, 숫자로 해석할 수 없는 문자를 만나는 즉시 파싱을 중단합니다. 만약 첫 글자부터 숫자로 변환할 수 없다면 NaN(Not a Number)을 반환합니다. 기본 문법 parseFloat() 함수의 기본적인 사용 문법은 다음과 같습니다. parseFloat(4524.75); 함수는 변환할 값을 나타내는 매개변수 하나만 받
isNaN() 함수란?JavaScript의 isNaN() 함수는 인수로 전달된 값이 NaN(Not-a-Number)인지 여부를 판별하는 전역 함수입니다. 값이 숫자로 변환될 수 없어 NaN이 되면 true를, 유효한 숫자라면 false를 반환합니다.ES6부터는 암묵적인 타입 변환 없이 엄격하게 NaN만 검사하는 Number.isNaN() 메서드도 함께 제공되므로, 상황에 맞게 선택해서 사용할 수 있습니다.문법(Syntax)isNaN(5655);검사하고자 하는 값을 인수로 전달하며, 위 예시처럼 숫자 리터럴을 직접 넘겨 테스트할 수도
isFinite() 함수는 전달받은 값이 유한한(finite) 숫자인지 여부를 판별하는 JavaScript 내장 함수입니다. 값이 유한한 숫자라면 true를 반환하고, 그렇지 않으면 false를 반환합니다. 이 함수는 전역 함수로 바로 호출할 수 있으며, Number 객체의 정적 메서드인 Number.isFinite() 형태로도 사용할 수 있습니다. 문법(Syntax) isFinite() 함수의 기본적인 사용 문법은 다음과 같습니다. isFinite(5655); 예제(Example) 아래 예제에서는 Math.min(), Numb
JavaScript의 eval() 함수는 JavaScript 코드가 담긴 문자열 값을 인수로 받아, 해당 코드를 실제로 실행한 뒤 그 실행 결과를 반환하는 함수입니다. 즉, 문자열로 표현된 표현식이나 명령문을 런타임에 평가(evaluate)할 수 있게 해줍니다.문법(Syntax)eval() 함수의 기본적인 사용 문법은 다음과 같습니다.eval(32*45);예제(Example)아래 예제에서는 산술 연산식을 평가한 결과와, String 객체를 인수로 전달했을 때의 동작을 함께 확인할 수 있습니다.<html><head&g
JavaScript의 encodeURIComponent() 함수는 URI(Uniform Resource Identifier)를 나타내는 문자열을 인자로 받아, 해당 문자열 내의 문자들을 이스케이프 시퀀스(escape sequence)로 대체하여 인코딩합니다. 각 문자는 1개에서 최대 4개의 이스케이프 시퀀스로 변환될 수 있으며, URL 전송 시 문제가 될 수 있는 특수 문자나 한글 같은 멀티바이트 문자를 안전하게 처리할 때 유용하게 사용됩니다.문법(Syntax)encodeURIComponent() 함수의 기본적인 사용 문법은 다음과
JavaScript의 encodeURI() 함수는 URI(Uniform Resource Identifier)를 나타내는 문자열을 인자로 받아, 문자열 내의 특정 문자들을 1~4개의 숫자 조합과 이스케이프 시퀀스(escape sequence)로 대체하여 인코딩하는 함수입니다. URL에 공백이나 한글, 키릴 문자처럼 ASCII 범위를 벗어난 문자가 포함된 경우, 브라우저와 서버 사이에서 해당 값을 안전하게 전달할 수 있도록 변환해 주는 역할을 합니다. 인코딩되지 않는 문자 encodeURI()는 URL 전체를 다루기 때문에, URI의
JavaScript의 decodeURIComponent() 함수는 인코딩된 URI(Uniform Resource Identifier)를 나타내는 문자열 값을 매개변수로 받아, 이를 원래의 형태로 디코딩한 결과를 반환하는 내장 함수입니다. 이 함수는 encodeURIComponent()로 인코딩된 데이터를 다시 사람이 읽을 수 있는 상태로 복원할 때 주로 사용됩니다. URI에 포함된 특수문자나 한글·러시아어 등 비 ASCII 문자는 퍼센트 인코딩(%XX) 형태로 변환되는데, decodeURIComponent()는 이러한 문자열을 원래
JavaScript에서 Number 객체의 toString() 메서드는 숫자 값을 문자열 형태로 변환하여 반환하는 함수입니다. 특히 이 메서드는 선택적으로 진법(radix)을 인자로 받을 수 있어, 2진수부터 36진수까지 원하는 진법으로 숫자를 표현할 수 있다는 점이 큰 장점입니다.문법(Syntax)toString() 메서드의 기본 문법은 다음과 같습니다.num.toString(radix);radix는 변환하고자 하는 진법을 의미하며, 2(2진수)부터 36(36진수) 사이의 정수를 지정할 수 있습니다. 인자를 생략하면 기본값인 10
Number.valueOf() 메서드란?자바스크립트의 valueOf() 메서드는 Number 객체(Number object)가 내부적으로 감싸고 있는 원시 숫자 값(primitive number)을 반환하는 함수입니다. 객체 형태의 숫자를 일반적인 숫자 값으로 변환해야 할 때 유용하게 사용됩니다.쉽게 말해, new Number(215)처럼 만든 객체에서 실제 숫자인 215를 꺼내 주는 역할을 합니다.문법(Syntax)num.valueOf();valueOf()는 별도의 매개변수를 받지 않습니다. 인수를 전달하더라도 무시되며, 항상 해
JavaScript에서 Set 객체의 size 속성은 해당 집합(Set)에 현재 저장된 요소의 개수를 나타내는 숫자를 반환합니다. 배열과 달리 Set은 중복된 값을 허용하지 않기 때문에, size 속성을 활용하면 중복이 제거된 고유한 값의 개수를 손쉽게 파악할 수 있습니다.문법(Syntax)size는 메서드가 아닌 속성(property)이므로 괄호 없이 다음과 같이 사용합니다.Obj.size예제(Example)아래 예제에서는 새로운 Set 객체를 생성하고, add() 메서드로 네 개의 값을 추가한 뒤 size 속성으로 요소 개수를
JavaScript의 Set 객체에서 제공하는 add() 메서드는 인수로 전달된 값을 현재 Set 객체에 추가하는 함수입니다. Set은 중복을 허용하지 않는 자료구조이므로, 이미 존재하는 값을 다시 추가하려고 하면 해당 값은 무시됩니다.문법(Syntax)add() 메서드의 기본 문법은 다음과 같습니다.setObj.add(value)여기서 value는 Set에 추가하려는 값으로, 원시 타입(숫자, 문자열 등)뿐만 아니라 객체도 전달할 수 있습니다.반환값add() 메서드는 값이 추가된 Set 객체 자신을 반환합니다. 이 특성 덕분에 메