자바스크립트에서 배열의 요소 순서를 반대로 뒤집고 싶다면 reverse() 메서드를 사용하면 됩니다. 이 메서드는 배열의 첫 번째 요소를 마지막으로, 마지막 요소를 첫 번째로 이동시켜 전체 순서를 역순으로 변경합니다.reverse() 메서드의 특징reverse()는 원본 배열 자체를 직접 수정하는(mutating) 메서드라는 점에 유의해야 합니다. 즉, 호출된 배열의 순서가 실제로 변경되며, 반환값은 순서가 뒤집힌 그 배열입니다. 원본을 유지하고 싶다면 먼저 slice()나 스프레드 연산자([...arr])로 복사한 뒤 revers
JavaScript에서 배열의 마지막 요소를 제거하려면 pop() 메서드를 사용하면 됩니다. pop() 메서드는 배열의 마지막 요소를 제거한 뒤, 제거된 해당 요소를 반환합니다.pop() 메서드의 주요 특징pop()은 JavaScript 배열(Array) 객체에서 기본으로 제공하는 메서드로, 다음과 같은 특징이 있습니다.배열의 마지막 요소를 제거합니다.제거된 요소를 반환값으로 돌려줍니다.호출 시 원본 배열 자체가 변경됩니다.빈 배열에 호출하면 undefined를 반환합니다.예제아래 코드를 실행하면 pop() 메서드를 통해 배열의 마
JavaScript에서 객체(Object)의 속성에 접근하는 것은 매우 기본적이면서도 중요한 개념입니다. 객체의 속성에는 점 표기법(dot notation)을 사용하여 간단하게 접근할 수 있습니다.예제 코드아래 예제는 사용자 정의 객체를 만들고, 해당 객체의 속성에 접근하는 방법을 보여줍니다.<html> <head> <title>User-defined objects</title> <script> function book(title, author){ this.title = titl
자바스크립트 배열 객체란? 배열(Array) 객체는 자바스크립트에서 하나의 변수에 여러 개의 값을 저장할 수 있게 해주는 핵심 자료구조입니다. 배열은 동일한 타입의 요소들을 순서대로 저장하는 고정 크기의 컬렉션이며, 각 요소에는 인덱스를 통해 접근할 수 있습니다. 예를 들어 다음과 같이 배열을 선언할 수 있습니다. let fruits = [사과, 바나나, 오렌지]; console.log(fruits[0]); // 사과 배열 객체의 주요 메소드 목록 아래 표는 자바스크립트 배열 객체에서 가장 많이 사용되는 대표적인 메소드와 그 기능을
자바스크립트(JavaScript)에서 배열에 내장된 메서드에 접근하는 방법은 매우 간단합니다. 배열 이름 뒤에 점(.)을 붙이고 메서드 이름과 괄호 ()를 작성하면 됩니다.가장 대표적인 예시가 바로 join() 메서드입니다. join()은 배열의 모든 요소를 하나의 문자열로 합쳐 주는 역할을 하며, 다음과 같은 특징이 있습니다.인수를 전달하지 않으면 기본 구분자인 쉼표(,)로 요소를 연결합니다.인수로 구분자를 직접 지정하면 해당 문자열로 요소 사이를 연결합니다.아래 예제 코드를 실행하면 두 가지 방식의 결과 차이를 확인할 수 있습니
JavaScript에서 배열의 시작 부분에 새로운 요소를 추가해야 할 때는 unshift() 메서드를 사용합니다. 이 메서드는 하나 이상의 요소를 배열의 맨 앞에 삽입하고, 변경된 배열의 새 길이(length)를 반환하는 특징을 가지고 있습니다. unshift() 메서드의 기본 동작 unshift()는 인자로 전달된 요소들을 순서대로 배열 앞쪽에 추가합니다. 예를 들어 arr.unshift(water)처럼 호출하면 water가 배열의 첫 번째 요소가 되고, 기존 요소들은 뒤로 한 칸씩 밀려납니다. 예제 코드 아래 코드를 실행하면 배
JavaScript에서는 === 연산자만으로는 배열 전체를 직접 비교할 수 없습니다. 대신 반복문을 사용해 두 배열의 요소를 하나씩 대조하는 방식으로 비교를 수행합니다.아래 예제에서는 중첩 for 반복문을 활용하여 첫 번째 배열(arr1)의 각 요소가 두 번째 배열(arr2)에 존재하는지 확인하고, 일치하는 요소를 화면에 출력합니다.예제 코드<html> <body> <script> &nbs
JavaScript 배열에서 마지막 요소를 가져오는 가장 대표적인 방법은 slice() 메서드를 사용하는 것입니다. slice()에 음수 인덱스인 -1을 전달하면 배열의 마지막 요소만 담긴 새로운 배열이 반환되며, 여기에 [0]으로 접근하면 마지막 요소 자체를 얻을 수 있습니다. 예제 아래 코드를 실행하면 배열의 마지막 요소를 출력할 수 있습니다. <html> <body> <script> var array = [30, 40, 50, 60]; document.write(array.slice(-1)[0]
JavaScript 배열 병합의 기본: concat() 메서드JavaScript에서 두 개의 배열을 하나로 합치려면 Array.concat() 메서드를 사용하면 됩니다. concat() 메서드는 호출한 배열에 두 개 이상의 배열 또는 값을 연결한 새로운 배열을 반환합니다. 원본 배열은 그대로 유지되므로 기존 데이터를 훼손하지 않고 안전하게 병합 작업을 수행할 수 있다는 점이 큰 장점입니다.예제 코드아래 코드를 실행하면 문자열 배열과 숫자 배열이 하나로 병합되는 과정을 확인할 수 있습니다.<html> &
JavaScript에서 기존 배열을 다른 배열로 확장하려면 Array.concat() 메서드를 사용하면 됩니다. concat()은 호출된 배열과 인자로 전달된 배열(또는 값)을 하나로 합친 새로운 배열을 반환하며, 원본 배열은 변경되지 않습니다. concat() 메서드 사용 예제 아래 코드를 실행하면 두 개의 배열을 하나로 합쳐 기존 배열을 확장할 수 있습니다. <html> <head> <title>JavaScript Array concat Method</title> </hea
JavaScript에서 배열 요소의 순서를 무작위로 섞고 싶다면 피셔-예이츠(Fisher-Yates) 셔플 알고리즘을 사용하는 것이 가장 좋습니다. 이 방법은 배열의 끝에서부터 시작해 매번 남은 요소 중 하나를 임의로 선택한 뒤 현재 위치의 값과 교환하는 방식으로, 모든 순열이 거의 동일한 확률로 나타나도록 보장합니다. 예제 <html> <body> <script> function randomFunc(myArr) { var l = myArr.length, temp, index;
HTML 요소에 특정 클래스가 포함되어 있는지 확인하려면 hasClass() 메서드를 사용할 수 있습니다. 이 함수는 요소의 className 속성에 해당 클래스가 존재하는지 검사하여 불리언 값으로 결과를 반환합니다.hasClass() 함수의 동작 원리hasClass() 함수는 요소의 클래스 문자열 앞뒤에 공백을 추가한 후, 찾고자 하는 클래스 이름 역시 공백으로 감싸서 indexOf()로 위치를 확인합니다. 이렇게 하면 클래스 이름의 일부만 일치하는 경우(예: my가 myClass와 부분 일치)에도 정확하게 판별할 수 있습니다.예
결론부터 말하자면, JavaScript에는 부울(Boolean) 전용 타입 배열(Typed Array)이 존재하지 않습니다.JavaScript에서 지원하는 타입 배열 종류JavaScript의 타입 배열은 정수와 부동소수점 숫자를 위한 것만 제공됩니다. 지원되는 타입 배열은 다음과 같습니다.Int8ArrayUint8ArrayUint8ClampedArrayInt16ArrayUint16ArrayInt32ArrayUint32ArrayFloat32ArrayFloat64Array위 목록에서 확인할 수 있듯이, 타입 배열은 다양한 크기의 정수형
JavaScript에서 문자열의 길이를 확인하려면 length 속성을 사용하면 됩니다. length 속성은 해당 문자열에 포함된 문자 개수를 숫자로 반환해 주는 가장 기본적이고 간편한 방법입니다.이 속성은 별도의 함수 호출 없이 문자열 뒤에 .length만 붙이면 되기 때문에, 문자열 유효성 검사, 입력값 길이 제한, 반복문 처리 등 다양한 상황에서 널리 활용됩니다.예제 코드아래 코드를 직접 실행해 보면서 문자열 길이를 구하는 방법을 확인할 수 있습니다.<html> <head>
소수(Prime Number)는 1과 자기 자신만을 약수로 가지는 1보다 큰 자연수입니다. JavaScript에서 소수를 생성하려면 반복문과 나머지 연산자(%)를 활용해 각 숫자가 다른 수로 나누어지는지 확인하는 방식으로 구현할 수 있습니다.JavaScript 소수 생성 예제아래 코드는 1부터 20까지의 숫자 중에서 소수만 찾아 화면에 출력하는 예제입니다.<html> <head> <title>JavaScript Prime</title> </head>
JavaScript 생성자에서 Boolean(불리언) 객체를 다루려면 constructor() 메서드를 활용할 수 있습니다. 이 메서드는 해당 인스턴스의 프로토타입을 생성한 Boolean 함수에 대한 참조를 반환하며, 이를 통해 객체가 어떤 생성자 함수로부터 만들어졌는지 확인할 수 있습니다. 예제 아래 코드를 실행해 보면 생성자에서 Boolean을 사용하는 방법을 직접 확인할 수 있습니다. <html> <head> <title>JavaScr
JavaScript에서 문자열은 불변(immutable)이기 때문에 배열처럼 str[2] = x와 같은 방식으로 특정 위치의 문자를 직접 수정할 수 없습니다. 대신 원하는 인덱스를 기준으로 문자열을 나눈 뒤, 새로운 문자를 삽입해 새 문자열을 만들어야 합니다. substr()을 사용한 기본 방법 가장 널리 알려진 방법은 substr() 메서드를 활용하는 것입니다. 아래 예제는 인덱스 3에 있는 문자를 x로 교체하는 전체 코드입니다. 예제 <html> <head>
JavaScript에서 문자열을 연결하는 가장 좋고 빠른 방법은 + 연산자를 사용하는 것입니다. 이 외에도 concat() 메서드를 활용하거나, ES6에서 도입된 템플릿 리터럴(Template Literals)을 사용할 수도 있습니다.주요 문자열 연결 방법+ 연산자: 가장 간단하고 널리 쓰이는 방식으로, 대부분의 상황에서 우수한 성능을 보입니다.concat() 메서드: 여러 개의 문자열을 인수로 전달해 한 번에 연결할 수 있습니다.템플릿 리터럴: 백틱(`)과 ${} 문법을 사용해 변수를 포함한 문자열을 가독성 있게 작성할 수 있습니
자바스크립트에서 배열(Array)을 생성하는 방법은 크게 두 가지가 있습니다. 가장 간단하고 널리 사용되는 방법은 대괄호([])를 이용한 배열 리터럴 방식입니다. 아래와 같이 값을 할당하기만 하면 배열이 만들어집니다.var animals = [Dog, Cat, Tiger];new 키워드를 사용한 배열 생성두 번째 방법은 new 키워드와 함께 Array() 생성자를 사용하는 것입니다.var animals = new Array(Dog, Cat, Tiger);Array 생성자의 매개변수에는 문자열이나 숫자의 목록이 들어갈 수 있습니다.
JavaScript에서 정수 배열을 만드는 방법은 크게 두 가지가 있습니다. 가장 일반적인 방법은 배열 리터럴([])을 사용하는 것입니다.var rank = [1, 2, 3, 4];또한 new 키워드와 Array 생성자를 사용하여 정수 배열을 만들 수도 있습니다.var rank = new Array(1, 2, 3, 4);Array 생성자의 특징Array 생성자의 매개변수는 문자열이나 정수의 목록입니다. 다만 주의할 점이 있습니다. Array 생성자에 단일 숫자 매개변수를 전달하면 해당 값이 요소가 아니라 배열의 초기 길이로 지정됩니