개발공부 13일차 TIL

2023. 1. 22. 01:17·TIL



오늘은 자바스크립트 스터디는 한결님이 진행하셨다 

스터디를 진행하면서 많은 정보와 내용을 들었지만 이걸 나의것으로 만들기 위해 글로 작성한다! 

feat: 한결님

 

filter() 내장함수 는 이터러블객체 에서만 사용이가능하다 

그럼 이터러블 객체란 무엇인가 ? 

이터너블 객체는 이터러블(interable)이란 자료를 반복할 수 있는 객체를 말하는 것이다.

배열, 문자열 등등이 이터러블 객체이다

for..of을 사용할 수 있는 객체를 이터러블이라고 한당 ! 

 

 

forEach , Map 

사용하는데 이터러블 객체 여부 상관없다 

둘의 공통점은 배열을 이용한다

배열의 값을 조작해서 원하는 결과값을 도출하는데 의미가 있다.

 

특히 forEach 내장함수 React에서  아주 많이 많이 많이 많이 많이 x 99999999999 쓰인다 !!  

React에서APi 받아와서 뿌리린걸  forEach를 사용한다 

 

 

forEach, map 정리

 

1. forEach ()로 할 수있는 일은 map ()으로 할 수 있으며, 그 반대도 가능하다.

 

2. map ()은 메모리를 할당하고 반환 값을 저장한다.

forEach ()는 반환 값을 버리고 항상 정의되지 않은 값을 반환한다.

 

3. forEach ()는 콜백 함수가 현재 배열을 변경하도록합니다. map ()은 대신 ​​새 배열을 반환한다.

 

참고 https://dream-frontend.tistory.com/341

 

 

 

 

전개 구문(Spread Syntax)

참고 https://inpa.tistory.com/73 , 한결님! 

 

사용하면 기존 배열이나 객체의 전체 또는 일부를 다른 배열이나 객체로 빠르게 복사할 수 있당! 

 

... 으로 스프레드를 한다

 

배열 병합 (Array Concatenation)가능

 배열 복사 (Copying Arrays)

객체 복사 또는 업데이트

함수 호출 인자로 사용하면 기존 배열이나 객체의 전체 또는 일부를 다른 배열이나 객체로 빠르게 복사할 수 있습니다.

 

이모든게 ... 이면 가능하게 해준다 왕! 개꿀

 

 

 

오늘한거

코딩애플 리액트 강의 

자바스크립트 알고리즘스터디

TIL 

밥먹기

스코프 공부 ^^ 

 

 

내일할거

밥먹기

TIL

WIL 

코딩애플 리액션 끝까지보기

알고리즘 문제 풀기

Js 내장함수 찾아보기

호이스팅 보기

항해99 Js 심화강의

 

'TIL' 카테고리의 다른 글

개발공부 15일차 TIL  (0) 2023.01.24
개발공부 14일차 TIL  (0) 2023.01.22
개발공부12일차 TIL  (0) 2023.01.21
개발공부 11일차 TIL  (0) 2023.01.19
개발공부 10일차 TIL  (0) 2023.01.18
'TIL' 카테고리의 다른 글
  • 개발공부 15일차 TIL
  • 개발공부 14일차 TIL
  • 개발공부12일차 TIL
  • 개발공부 11일차 TIL
jihun_BS
jihun_BS
  • jihun_BS
    Harry 개발블로그
    jihun_BS
  • 전체
    오늘
    어제
    • 분류 전체보기 (507)
      • React Native (2)
      • React (7)
      • 알고리즘 (37)
      • JavaScript (11)
      • 항해99 (12)
        • 항해 WIL (13)
      • TIL (405)
      • TypeScript (3)
      • 트러블 슈팅 (5)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

    • Github
  • 공지사항

  • 인기 글

  • 태그

    React-hook-form 등록 버튼 활성화
    React-hook-form watch
    잔디 기부
    react-native-dropdown-picker
    virtualizedlists should never be nested inside plain scrollviews with the same orientation because it can break windowing and other functionality - use another virtualizedlist-backed container instead. [component stack]
    n의 배수 자바스크립트
    n의 배수
    pxemrem
    react-native-dropdown-picker 오류
    다양한 스타일의 버튼 컴포넌트
    pxemrem차이
    프로그래머스
    자바스크립트
    til
    vite svg
    잔디 기부 캠페인
    typescript 환경에서 다양한 버튼 컴포넌트
    항해99
    Received true` for a non-boolean attribute`mode`Warning
    vite 환경에서 svg 컴포넌트
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
jihun_BS
개발공부 13일차 TIL
상단으로

티스토리툴바