2023.12.12 TIL

Oneik·2023년 12월 12일
0

📕오늘 학습한 내용

  • map에 저장한 데이터를 json으로 바꿔 전송하기
  • foreach와 map
  • PUT, DELETE
  • HTTP 상태 코드

forEach와 map

forEach

배열을 순회하며 각 요소에 대해 지정된 함수를 실행하는 메서드이다.
배열의 각 요소에 대해 특정 동작을 수행할 때 사용된다.

forEach 메서드는 콜백 함수를 실행하여 각 요소의 새로운 값을 생성하지만, 새로운 값을 반환하거나 새로운 값으로 배열을 만들지는 않는다.

콜백 함수에 전달될 매개변수
1. currentValue : 현재 순회 중인 배열 요소의 값
2. index : 현재 순회 중인 배열 요소의 인덱스
3. array : 원본 배열

출력 예시

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

arr.forEach((a, b, c) => {
  console.log(`a : ${a}, b : ${b}, c : ${c}`);
});

// a : 1, b : 0, c : 1,2,3,4,5
// a : 2, b : 1, c : 1,2,3,4,5
// a : 3, b : 2, c : 1,2,3,4,5
// a : 4, b : 3, c : 1,2,3,4,5
// a : 5, b : 4, c : 1,2,3,4,5

반환값 undefined

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

const foreachArr = arr.forEach(function (a, b, c) {
  return a * 2;
});

console.log(foreachArr)

// undefined

map

배열의 각 요소에 대해 지정된 함수를 호출하고, 그 결과로 새로운 배열을 생성한다.
기존 배여을 변경하지 않으며, 각 요소에 대해 함수를 적용하여 새로운 값을 반환한다.

콜백 함수에 전달될 매개변수(forEach와 같다)
1. currentValue : 현재 순회 중인 배열 요소의 값
2. index : 현재 순회 중인 배열 요소의 인덱스
3. array : 원본 배열

출력 예시

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

const mapArr = arr.map(function (a, b, c) {
  return a * 2;
});

console.log(mapArr)

// [ 2, 4, 6, 8, 10 ]

HTTP 상태 코드

클라이언트가 보낸 요청에 대해서, 서버가 처리한 결과를 응답 메시지에 담아 보낸다

대표적인 응답 코드

  • 200 : 조회/수정/삭제 성공
  • 201 : 등록 성공
  • 404 : 찾는 페이지 없음(URL에 맞는 API 없음)
  • 500 : 서버가 죽었을 때(서버에 크리티컬한 오류가 발생했을 때)
profile
초보 개발자의 블로그입니다

0개의 댓글

관련 채용 정보