[JavaScript] 배열 내장 메서드

splice를 이용한 요소 추가, 제거, 교체arr.splice(start, deleteCount, ...items)start: 조작을 시작할 인덱스deleteCount: 제거할 요소의 수(0이면 제거 없이 추가만 수행)items: 추가할 요소들요소 제거const sentence = ["I", "love", "JavaScript", "very", "much"];// 인덱스 1에서부터 1개 요소("love") 제거sentence.splice(1, 1);console.log(sentence); // ["I", "JavaScript", "very", "much"]요소 추가const names = ["Alice", "Bob"];// 인덱스 1에서 0개 요소 제거하고 "Charlie", "Dave"를 추가nam..

• format_list_bulleted JavaScript
• · 2025. 2. 12.
• textsms

[JavaScript] 배열(Array)

배열이란자바스크립트 배열은 순서가 있는 데이터 집합을 저장하기 위해 설계된 자료구조입니다. 일반 객체와 달리 배열은 숫자형 인덱스를 사용하여 요소의 순서를 보장하며, 배열 전용 내장 메서드를 통해 다양한 작업을 제공합니다.배열 선언과 초기화배열 리터널let fruits = ["Banana", "Orange", "Apple"];new Array()숫자 하나를 인수로 전달하면 요소는 채워지지 않는 그 길이만큼의 배열이 만들어집니다.let numbers = new Array(3); // 길이가 3인 배열 생성, 요소는 undefinedconsole.log(numbers); // [ ]배열 요소의 접근 및 수정숫자 인덱스를 통하여 각 요소에 접근합니다.let colors = ["Red", "Green", "B..

• format_list_bulleted JavaScript
• · 2025. 2. 12.
• textsms

[JavaScript] 문자열 자료형

문자열이란자바스크립트에서는 문자 하나만 저장하는 별도의 자료형은 없고, 모든 텍스트 데이터는 문자열로 지정됩니다.문자열은 항상 유니코드(UTF-16) 인코딩을 따릅니다.문자열 생성하기작음따옴표와 큰따옴표기능적으로 동일합니다.let city = 'Seoul';let country = "Korea";백틱템플릿 리터널을 지원하여 ${...} 구문을 사용하여 변수나 함수를 문자열 중간에 쉽게 끼워 넣을 수 있습니다. 줄바꿈 그대로 작성할 수 있습니다.function getFullName(first, last) { return `${first} ${last}`;}let info = `사용자 정보:이름: ${getFullName("Jane", "Doe")}국가: USA`;console.log(info);/*출력:..

• format_list_bulleted JavaScript
• · 2025. 2. 12.
• textsms

[JavaScript] 숫자 자료형

숫자형이란자바스크립트에서는 숫자를 나타내는 두 가지 자료형을 지원합니다.일반 숫자 : 64비트 IEEE-757 배정밀도 부동소수점 형식BigInt : 매우 큰 정수의 경우 사용하는 자료형숫자 입력 방법지수 표기법큰 수나 작은 수를 입력할 때 지수 표기법을 사용하면 편리합니다. 지수 표기법은 e를 사용하여 10의 거듭제곱을 표현합니다.큰 숫자 표현let worldPopulation = 7.9e9; // 7.9 × 10^9, 즉 7,900,000,000console.log(worldPopulation); // 7900000000아주 작은 숫자 표현let oneMicrosecond = 1e-6; // 1 × 10^(-6)console.log(oneMicrosecond); // 0.00000116진수 표기법..

• format_list_bulleted JavaScript
• · 2025. 2. 12.
• textsms

[JavaScript] 원시 값과 메서드

원시값과 객체의 차이원시값값 그 자체가 저장됩니다.객체여러 프로퍼티(키-값)와 메서드를 가질 수 있습니다.자바스크립트에서는 원시 값도 객체처럼 메서드에 접근할 수 있습니다.원시값 래퍼 객체의 동작 방식원시값에 메서드나 프로퍼티 접근이 발생하면 래퍼 객체를 일시적으로 생성합니다.래퍼 객체 생성 : 문자 열은 String 래퍼 객체, 숫자는 Number 래퍼 객체,불리언, 심볼도 래퍼 객체가 생성됩니다.래퍼 객체 활용 : 생성된 래퍼 객체에서 원하는 메서드를 호출합니다.객체 소멸 및 원시값 반환 : 메서드 호출 후 생성된 래퍼 객체는 즉시 소멸됩니다.문자열 메서드 예const sentence = "Hello, World!";// 문자열의 일부를 잘라내고 대문자로 변환 new String()을 통한 래퍼객체 ..

• format_list_bulleted JavaScript
• · 2025. 2. 12.
• textsms

[JavaScript] 객체의 원시 값 변환

객체에서 원시 값 변환이란객체는 원시 값과 다르게 연산에 직접 참여할 수 없습니다. 따라서 객체가 연산에 사용될 때는 자동으로 원시 값으로 변환되는 과정입니다.객체에서 원시 값 변환되는 상황number hint : 단항 덧셈 연산자(+obj), 이항 뺄셈 연산(obj - obj2), Number(obj), 비교 연산(>,string hint : alert(obj), console.log(`${obj}`), String(obj)defulat hint : 이항 덧셈 연산자(obj + obj2), 동등 연산자(==, !=)객체에서 원시형 변환의 알고리즘자바스크립트 엔진은 객체가 원시형이 필요할 때 내부적으로  다음 과정을 따릅니다.객체에 obj[Symbol.toPrimitive](hint) 메서드가 있는지 확..

• format_list_bulleted JavaScript
• · 2025. 2. 12.
• textsms