JavaScript 기본기 정리 – 반복문·배열·문자열·Math 한 장에 모으기

2025. 11. 4. 10:48·FrontEnd/JavaScript
구분 함수 설명
🔁 반복 for 인덱스가 필요할 때 사용 (범위나 횟수 직접 제어)
  for...of 인덱스 필요 없을 때 사용
  for...in 객체의 키를 순회할 때
  forEach 멈춤 없이 전부 순회할 때 (break 불가)
  while 조건이 참인 동안 계속 반복할 때
  do...while 최소 한 번은 실행 후 조건 검사할 때
     
📦 배열 조작 push / pop 배열 뒤에서 요소를 추가하거나 제거
  shift / unshift 배열 앞에서 요소를 추가하거나 제거
  slice 배열이나 문자열의 일부를 복사해 새로 만듦 (원본 유지)
  splice 배열의 특정 위치에 있는 요소를 삭제하거나 삽입 (원본 변경)
  sort 배열을 정렬 (기본은 문자열 기준, 원본 변경됨)
  reverse 배열 순서를 거꾸로 바꿈 (원본 변경됨)
  concat 여러 배열을 이어 붙여 새 배열 생성
  flat 배열 안에 또 배열이 있을 때, 안쪽 배열을 꺼내서 한 줄로 펼침
  fill 배열 전체를 특정 값으로 채움
     
🔍 배열 탐색 find / findIndex 조건에 맞는 첫 요소나 그 인덱스 반환
  filter 조건에 맞는 요소만 새 배열로 뽑음
  some 조건에 맞는 요소가 하나라도 있는지 확인
  every 모든 요소가 조건을 만족하는지 확인
  includes 특정 값이 포함되어 있는지 true 또는 false로 반환
  indexOf 특정 값이 몇 번째에 있는지 반환 (없으면 -1)
  lastIndexOf 특정 값이 뒤에서부터 몇 번째인지 반환
     
🧮 누산·집계 reduce 배열의 값을 누적 계산해 하나의 결과로 만듦
     
🔤 문자열 조작 split 문자열을 기준문자로 잘라 배열로 만듦
  join 배열을 기준문자로 이어서 문자열로 만듦
  substring 문자열 일부를 인덱스로 잘라 새 문자열로 만듦 (음수 불가)
  replace / replaceAll 조건에 맞는 문자열을 새 값으로 바꿈
  trim 문자열 양 끝의 공백 제거
  toUpperCase / toLowerCase 대문자 / 소문자로 변환
     
🔢 수학 Math.floor / ceil / round 내림 / 올림 / 반올림
  Math.max / min 최대값 / 최소값 반환
  Math.abs 절댓값

 

저작자표시 변경금지 (새창열림)

'FrontEnd > JavaScript' 카테고리의 다른 글

JavaScript 배열 고차 함수 - forEach, map, filter, reduce  (0) 2025.12.10
JavaScript 컬렉션 - Set  (0) 2025.12.10
JavaScript 컬렉션 - Array  (0) 2025.09.09
JavaScript 컬렉션 - Map  (0) 2025.09.09
JavaScript 컬렉션 - Object  (0) 2025.09.09
'FrontEnd/JavaScript' 카테고리의 다른 글
  • JavaScript 배열 고차 함수 - forEach, map, filter, reduce
  • JavaScript 컬렉션 - Set
  • JavaScript 컬렉션 - Array
  • JavaScript 컬렉션 - Map
프론트엔드 개발자 jbeat
프론트엔드 개발자 jbeat
프론트엔드 개발자 블로그인데 일상도 쪼그으믐
  • 프론트엔드 개발자 jbeat
    jbeat 님의 블로그
    프론트엔드 개발자 jbeat
  • 전체
    오늘
    어제
    • 분류 전체보기 (44)
      • FrontEnd (43)
        • TypeScript (6)
        • JavaScript (18)
        • Next.js (3)
        • React (1)
        • Testing (2)
        • Third Party (1)
        • web (10)
        • Tooling (1)
        • coding test (0)
        • A.I (1)
      • 일상 (1)
        • wedding (1)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 인기 글

  • 태그

    pick
    CRDT
    playwright
    타입스크립트
    컬렉션
    WebSocket
    배열
    CrossOrigin
    고차함수
    TypeScript
    yjs
    Android
    preconnect
    이터러블
    코테
    Next.js
    omit
    Utility
    주니어
    javascript
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.5
프론트엔드 개발자 jbeat
JavaScript 기본기 정리 – 반복문·배열·문자열·Math 한 장에 모으기
상단으로

티스토리툴바