비트 연산자(Bitwise Operator)는 숫자를 32비트 이진수로 변환한 뒤 각 비트 단위로 직접 연산을 수행하는 연산자입니다. 자바스크립트에서는 플래그 처리, 성능 최적화, 저수준 데이터 조작 등에 활용됩니다. 이 글에서는 대표적인 비트 연산자인 NOT(~), 왼쪽 시프트(<<), 오른쪽 시프트(>>>)의 동작 원리를 예제와 함께 살펴보겠습니다. 1. 비트 NOT 연산자(~) NOT 연산자는 피연산자의 모든 비트를 반전시킵니다. 1은 0으로, 0은 1로 바뀌며, 결과값의 부호도 반대가 됩니다.
주어진 배열의 각 요소에 대한 세제곱(큐브) 값을 구하려면 for 반복문을 사용해 배열의 모든 요소에 하나씩 접근한 뒤, 대입 연산자(=)를 이용해 기존 요소를 그 세제곱 값으로 교체하면 됩니다.구현 단계1) 배열을 선언합니다. 예: a = [1,2,3,4,5]2) for 반복문을 사용해 배열의 각 요소(a[i])에 순차적으로 접근합니다.3) 반복문 내부에서 대입 연산자(=)를 활용해 해당 요소를 세제곱 값(a[i]*a[i]*a[i])으로 교체합니다.위 과정을 거치면 결과값으로 1, 8, 27, 64, 125를 얻을 수 있습니다.
자바스크립트에서 배열의 순서를 거꾸로 뒤집는 방법은 크게 두 가지가 있습니다. 내장 메서드인 reverse()를 활용하는 방법과, 반복문을 이용해 직접 구현하는 방법입니다. 각각의 방법을 코드 예제와 함께 살펴보겠습니다. 1. reverse() 메서드 사용하기 배열 객체에서 기본적으로 제공하는 reverse() 메서드를 사용하면 단 한 줄의 코드로 배열을 손쉽게 뒤집을 수 있습니다. 다만 이 메서드는 원본 배열 자체를 변경(mutate)한다는 점에 유의해야 합니다. 예제 코드 <html> <body> <
정렬(Sorting)이란?정렬이란 배열의 요소들을 오름차순 또는 내림차순으로 나열하는 것을 의미합니다. 자바스크립트에서는 Array.sort() 메서드를 사용하여 배열을 정렬할 수 있으며, 이 메서드는 비교 함수(compare function)가 반환하는 값에 따라 요소들의 순서를 결정합니다.비교 함수는 두 개의 인수(a, b)를 받아 다음과 같이 동작합니다.- 반환값이 음수이면 → a가 b보다 앞에 위치합니다.- 반환값이 양수이면 → b가 a보다 앞에 위치합니다.- 반환값이 0이면 → 두 요소의 순서가 변경되지 않습니다.a) ag
자바스크립트에서 push()와 unshift()는 모두 배열에 새로운 요소를 추가하는 메서드입니다. 두 메서드의 유일한 차이점은 요소가 추가되는 위치입니다. unshift()는 배열의 맨 앞에 요소를 추가하고, push()는 배열의 맨 뒤에 요소를 추가합니다.1) push() 메서드Array.push() 메서드는 큐(queue)처럼 배열의 맨 끝에 요소를 추가할 때 사용합니다. 아래 예제는 push() 메서드를 사용해 배열에 요소를 추가하는 방법을 보여줍니다.예제<html> <body> <script>
JavaScript에서는 Math.max() 함수와 sort() 메서드를 활용해 배열 안에서 가장 큰 값을 손쉽게 찾을 수 있습니다. 각각의 동작 원리와 사용법을 예제와 함께 살펴보겠습니다.1) Math.max() 함수 사용하기Math.max() 함수는 배열의 모든 요소를 인수로 받아 각각의 값을 하나씩 비교한 뒤, 그중 가장 큰 값을 반환합니다. 일반적으로 apply() 메서드와 함께 사용하여 배열 전체를 한 번에 전달하는 방식으로 활용됩니다.예제<html> <body> <script>
자바스크립트 finally 문이란?자바스크립트의 finally 문은 try와 catch 블록 실행 후, 오류 발생 여부와 상관없이 항상 마지막에 실행되는 코드를 작성할 수 있게 해주는 구문입니다.일반적으로 try-catch 문은 오류가 발생하면 catch 블록으로 제어가 넘어가 이후 코드가 실행되지 않을 수 있습니다. 하지만 finally 블록에 작성된 코드는 오류가 발생했는지와 관계없이 반드시 실행됩니다. 이러한 특성 때문에 리소스 정리, 연결 종료, 로그 기록 등 반드시 수행해야 하는 작업을 처리할 때 매우 유용합니다.아래 예제
자바스크립트 논리 연산자(Logical Operators)란?논리 연산자는 변수나 표현식 사이의 논리적 관계를 판단할 때 사용됩니다. 자바스크립트에는 세 가지 논리 연산자가 있으며, 각각 || (OR), && (AND), ! (NOT)입니다.1. AND 연산자 (&&)AND 연산자(&&)는 두 표현식이 모두 참(true)일 경우에만 true를 반환하고, 하나라도 거짓이면 false를 반환합니다.예제<html><body><p id="and">
논리 NOT 연산자란?자바스크립트의 논리 NOT 연산자(!)는 피연산자의 불리언 값을 반전시키는 단항 연산자입니다. 즉, 참(true)인 값은 거짓(false)으로, 거짓인 값은 참으로 바꿔 반환합니다.예를 들어 어떤 조건식이 true로 평가되면, 그 앞에 !를 붙이면 결과가 false가 됩니다. 반대로 조건식이 false라면 !를 붙였을 때 true가 반환됩니다.예제 코드<html> <body> <p id=logical></p> <script> var x = 200;
더하기 할당(+=) 연산자란?자바스크립트에서 더하기 할당(+=) 연산자는 기존 변수의 값에 새로운 값을 더한 뒤, 그 결과를 다시 동일한 변수에 저장하는 복합 할당 연산자입니다. tot = tot + a[i]와 tot += a[i]는 완전히 동일하게 동작하지만, 후자가 코드를 훨씬 간결하게 만들어 줍니다.짧은 코드에서는 그 차이가 크게 체감되지 않을 수 있지만, 반복문이나 긴 로직에서는 코드의 가독성과 유지보수성을 높이는 데 큰 도움이 되므로 그 활용도를 결코 무시할 수 없습니다.기본 문법변수 += 값;// 아래 코드와 동일하게 동
자바스크립트에서 숫자 배열을 만든 후 for 루프를 사용하면 배열에 담긴 값 중 짝수만 골라 합산할 수 있습니다. 핵심은 나머지 연산자(%)를 활용해 각 요소가 2로 나누어떨어지는지 확인하는 것입니다. 예제 코드 <html> <body> <script> var tot = 0; var a = [1, 45, 78, 9, 78, 40, 67, 76]; for(var i = 0; i < a.length; i++){ if(a[i] % 2 == 0){ tot += a[i]; } } d
자바스크립트로 숫자 배열에서 홀수만 더하기자바스크립트에서는 간단한 반복문과 나머지 연산자(%)를 활용해 숫자 배열에서 홀수만 골라 더할 수 있습니다. 아래 예제를 통해 구현 방법을 살펴보겠습니다.예제 코드<html> <body> <script> var tot = 0; var a = [1,45,78,9,78,40,67,76]; for(var i = 0; i<a.length;i++){ if(a[i]%2 !== 0){ tot += a[i] } }
Date() 객체 개요자바스크립트의 Date() 객체는 날짜와 시간을 다루기 위한 내장 객체입니다. new Date()를 호출하면 코드가 실행된 시점의 현재 날짜와 시간을 얻을 수 있으며, 인수를 지정하면 원하는 특정 날짜와 시간 형식으로 객체를 생성할 수도 있습니다.예제: 현재 날짜 가져오기<html><body><script> var d = new Date(); document.write(d);</script></body></html>실행 결과Thu May 1
shift() 메소드란?자바스크립트의 shift() 메소드는 배열에서 첫 번째 요소를 제거하고, 제거된 요소를 반환하는 메소드입니다. 이 메소드는 배열의 맨 앞에 있는 요소를 삭제하며, 나머지 요소들의 인덱스가 자동으로 앞으로 이동합니다.shift()와 자주 비교되는 pop() 메소드와의 차이점을 이해하는 것이 중요합니다. pop()은 배열의 마지막 요소를 제거하는 반면, shift()는 배열의 시작 부분(첫 번째) 요소를 제거한다는 점에서 서로 다릅니다.사용 예제아래 예제에서는 숫자 배열과 문자열 배열 각각에 shift() 메소드
자바스크립트 객체란?자바스크립트에서 객체(Object)는 중괄호({}) 안에 키(key)와 값(value)의 쌍으로 데이터를 저장하는 자료구조입니다. 객체 표기법은 다음과 같습니다.var car = {name:Benz, Brand: Mercedes, model:open roof};위 예제는 name, Brand, model이라는 세 가지 속성을 가진 car 객체를 생성합니다. 그렇다면 여기에 벤츠 차량의 가격(price)이나 색상(color)처럼 새로운 요소를 추가하려면 어떻게 해야 할까요?점 표기법으로 새로운 속성 추가하기자바스크
자바스크립트에서 결과물을 화면에 표시하는 방법은 크게 네 가지가 있습니다. 각 방법은 용도와 특징이 다르므로, 상황에 맞게 선택하는 것이 중요합니다. 아래에서 각각의 사용법과 예제 코드를 살펴보겠습니다. 1. innerHTML 속성으로 HTML 요소에 출력하기 가장 많이 사용되는 방식으로, document.getElementById()로 특정 HTML 요소를 선택한 뒤 innerHTML 속성에 값을 할당하여 화면에 내용을 표시합니다. 예제 <html> <body> <p id=display></p
JavaScript에서 TypedArray 객체의 reverse() 함수는 타입 배열(typed array)에 저장된 요소들의 순서를 제자리(in-place)에서 반대로 뒤집는 메서드입니다. 이 함수는 별도의 매개변수를 받지 않으며, 새로운 배열을 생성하는 대신 호출된 원본 배열 자체를 직접 수정하고 그 결과로 변경된 배열의 참조를 반환합니다.구문(Syntax)reverse() 함수의 기본 구문은 다음과 같습니다.typedArray.reverse()매개변수와 반환값매개변수: 없음반환값: 요소 순서가 뒤집힌 원본 타입 배열(동일한 참
자바스크립트에서 TypedArray 객체의 set() 메서드는 다른 배열의 내용을 현재 타입 배열로 복사하는 기능을 수행합니다. 복사가 시작될 위치(인덱스)를 두 번째 인수로 지정할 수 있어, 원하는 지점부터 배열 데이터를 덮어쓸 수 있습니다.set() 메서드란?set() 메서드는 일반 배열 또는 다른 타입 배열(TypedArray)의 요소들을 현재 타입 배열 안으로 복사합니다. 이때 시작 인덱스를 함께 전달하면 해당 위치부터 순서대로 기존 값이 새로운 값으로 대체됩니다.문법(Syntax)typedArray.set(array, of
타입 배열(TypedArray) 객체의 slice() 메서드는 배열 버퍼의 일부분을 잘라내어 새로운 배열 객체로 반환합니다. 원본 배열은 변경되지 않으며, 메서드는 반환할 구간의 시작 인덱스와 끝 인덱스를 나타내는 두 개의 정수 인수를 받습니다.주의할 점은 끝 인덱스에 해당하는 요소는 결과에 포함되지 않는다는 것입니다. 예를 들어 slice(2, 7)을 호출하면 인덱스 2부터 6까지의 요소만 추출됩니다.문법(Syntax)기본 문법은 다음과 같습니다.arrayBuffer.slice(3, 8)예제(Example)아래 예제에서는 Int3
TypedArray sort() 메서드란?JavaScript에서 TypedArray 객체의 sort() 메서드는 타입 배열(typed array)의 요소를 오름차순으로 정렬한 뒤, 정렬된 배열을 반환합니다. 일반 Array의 sort()와 달리 TypedArray의 sort()는 기본적으로 숫자 크기를 기준으로 비교하기 때문에, 별도의 비교 함수 없이도 항상 올바른 숫자 순서로 정렬된다는 점이 특징입니다.구문typedArray.sort([compareFunction])compareFunction은 선택 사항입니다. 이 함수를 생략하