쭈꾸미
코드짜는 쭈꾸미
쭈꾸미
전체 방문자
오늘
어제
  • 분류 전체보기 (122)
    • Journal (54)
      • Today I Learned (44)
      • 후기&회고 (4)
      • 개인 프로젝트 (4)
      • 독서일기 (2)
    • HTML, CSS (5)
    • Javascript (32)
    • Typescript (2)
    • Git, Github (4)
    • Algorithm (1)
    • React, Next.js (14)
    • API, Database (6)
      • API (0)
      • Database (1)
      • GraphQL (2)
      • Rest-API (1)
    • React-Native (1)
    • ETC (2)
    • OS (1)
      • 우분투 Ubuntu (1)

인기 글

티스토리

hELLO · Designed By 정상우.
쭈꾸미

코드짜는 쭈꾸미

Javascript

[Javascript] forEach() 반복문

2022. 2. 5. 22:00

forEach()

arr.forEach(callback(currentvalue[, index[, array]])[, thisArg])

forEach 반복문의 기본 형태는 위와 같다. currentvalue를 필수로 하는 콜백함수를 받는다. 이 때 index까지는 자주 사용하지만 세번째 매개변수까지 사용하는 경우는 드물다. (세번째 매개변수인 array의 경우 forEach를 호출한 배열을 반환한다.)

 

단, map과는 다르게 forEach()는 그 결과값을 반환하지 않는다.

또한 for문과는 다르게 break, continue 등으로 반복을 제어할 수 없다. 즉, 중간에 반복을 종료할 수 없다는 뜻.

 

사용 예시

const arr = [1, 2, 3, 4]

arr.forEach((el, i) => {
  console.log(i + "번째 숫자는 " + el + "입니다")
})

// '0번째 숫자는 1입니다'
// '1번째 숫자는 2입니다'
// '2번째 숫자는 3입니다'
// '3번째 숫자는 4입니다'
const arr = [1, 2, 3, 4]

arr.forEach((el, i) => {
  i + "번째 숫자는 " + el + "입니다"
})

console.log(arr) // [1, 2, 3, 4]
// 반복이 종료되어도 arr에 반환되는 값은 변하지 않는다.
const arr = [1, 2, 3, 4]
const result = [];

arr.forEach((el, i) => {
  if (arr[i] < 3){
    result.push(arr[i])
  }  
})

console.log(result) // [ 1, 2 ]

 

 

자세한 내용은 MDN을 참고하자.

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach

 

Array.prototype.forEach() - JavaScript | MDN

forEach() 메서드는 주어진 함수를 배열 요소 각각에 대해 실행합니다.

developer.mozilla.org

 

저작자표시 (새창열림)

'Javascript' 카테고리의 다른 글

[Javascript] Spread Operator - 스프레드 연산자, 전개 구문  (0) 2022.02.09
[Javascript] 알파벳 대소문자 변환 - toUpperCase() / toLowerCare()  (0) 2022.02.05
[Javascript] sort() - 정렬 (오름차순/내림차순/문자열 등등)  (0) 2022.02.05
[Javascript] toString() - 문자열로 변환 +α  (0) 2022.02.05
[Javascript] 스코프와 스코프 체인 / Scope & Scope chain  (0) 2022.02.05
    'Javascript' 카테고리의 다른 글
    • [Javascript] Spread Operator - 스프레드 연산자, 전개 구문
    • [Javascript] 알파벳 대소문자 변환 - toUpperCase() / toLowerCare()
    • [Javascript] sort() - 정렬 (오름차순/내림차순/문자열 등등)
    • [Javascript] toString() - 문자열로 변환 +α
    쭈꾸미
    쭈꾸미
    느리지만 확실하게 / 웹 프론트엔드 개발자 TIL : https://jooeun-k.github.io/TIL/

    티스토리툴바