카테고리: JavaScript

긴 문자열 리본의 첫 조각이 검사 프레임 안에서 밝게 강조되는 모습

JavaScript / startsWith()로 문자열의 시작 부분 검사하기

String.startsWith()로 맨 앞 또는 지정 위치의 접두어를 검사하는 방법을 설명합니다. includes()와의 차이, 빈 문자열·대소문자·URL 경로 검사 범위를 확인합니다.

문자열 리본 가운데에 포함된 특정 조각을 작은 탐색 렌즈가 찾는 모습

JavaScript / includes()로 문자열 포함 여부 확인하기

String.includes()로 부분 문자열의 포함 여부를 확인하는 방법을 설명합니다. 시작 위치, 대소문자와 빈 검색어 동작을 브라우저 예제로 비교합니다.

긴 문자열 리본의 끝 조각이 검사 프레임 안에서 밝게 강조되는 모습

JavaScript / endsWith()로 문자열의 끝부분 검사하기

String.endsWith()로 문자열 끝을 검사하는 방법과 대소문자·빈 문자열 규칙을 설명합니다. endPosition의 경계 의미와 파일명·URL 적용 시 주의점을 실습합니다.

하나로 보이는 문자 조각 아래 여러 작은 코드 단위 블록이 나뉘어 놓인 모습

JavaScript / 문자열 length와 글자 수 차이, 이모지 길이 계산

String.length가 UTF-16 코드 단위 수를 반환하는 원리와 문자 수가 달라지는 경우를 설명합니다. 코드 포인트와 표시 문자 묶음을 비교하는 입력 예제를 제공합니다.

두 개의 유연한 문자열 리본이 매끄럽게 연결되어 하나가 되는 모습

JavaScript / String.concat()으로 문자열 연결하기

String.concat()으로 여러 값을 이어 새 문자열을 만들고 원본이 그대로 남는 동작을 설명합니다. 숫자·null·배열 인수와 +, 템플릿 리터럴의 선택 기준을 확인합니다.

문자열의 한 조각을 두 렌즈로 살펴 형태와 내부 데이터 블록을 나누어 보는 모습

JavaScript / charAt()과 charCodeAt()으로 문자와 코드 값 읽기

String.charAt()과 charCodeAt()으로 위치별 문자와 UTF-16 코드 단위를 읽는 방법을 설명합니다. 범위 밖 결과와 이모지의 codePointAt() 차이도 확인합니다.

배열 블록들의 순서가 곡선 트랙을 돌아 반대로 정렬되는 모습

JavaScript / reverse()로 배열 순서 뒤집기와 원본 보존 방법

Array.reverse()가 원본 배열을 바꾸고 같은 배열을 반환하는 점을 설명합니다. 원본을 유지하는 복사 방법과 두 방식의 차이를 실행 예제로 확인합니다.

여러 데이터 블록이 하나씩 검사 게이트를 지나 통과 트레이에 모이는 모습

JavaScript / every()로 배열 요소가 모두 조건에 맞는지 검사하기

Array.every()가 첫 실패에서 검사를 멈추는 방식과 빈 배열에서 true를 반환하는 이유를 설명합니다. 숫자 입력 예제로 검사 위치와 입력 검증을 확인합니다.

일부 슬롯이 비어 있는 배열 트레이의 전체 범위를 재는 측정 장치가 놓인 모습

JavaScript / 배열 length 속성과 길이 변경 시 주의점

Array.length가 희소 배열의 슬롯 수를 어떻게 나타내는지 설명합니다. 큰 인덱스 대입과 길이 축소·확대가 값에 미치는 영향을 실행 예제로 확인합니다.

배열 상자 줄에서 앞쪽과 뒤쪽 탐색 장치가 일치하는 색 블록을 찾는 모습

JavaScript / 배열 indexOf()와 lastIndexOf()로 요소 위치 찾기

Array.indexOf()와 lastIndexOf()의 검색 방향, fromIndex, -1 반환값을 비교합니다. 타입·NaN 예외와 시작 인덱스를 바꾸는 브라우저 예제도 제공합니다.