![[React] 4. JS CURD 함수](https://image.inblog.dev?url=https%3A%2F%2Fsource.inblog.dev%2Ffeatured_image%2F2025-11-29T19%3A41%3A32.002Z-46c0a242-6727-417c-ad76-d10880910eed&w=3840&q=75)
Contents
컬렉션 내부의 오브젝트 다루는 법map은 supplier
forEach는 supplier가 아님
js로 crud할 수 있는 ? 정리
불변기법 ? 정리
list-test.js는 스칼라
list-test2.js는 object를 다룰거임
핵심은 expression이니까 변수로 return이 되어야함
실행방법
컨파일 언어가 아니라서 인터프리터 언어이므로 바로 실행하면 됨
2. 검색
filter는 찾아서 return해주는 애
→ 조건문이 들어가야 됨
t2는 배열임
3. 삭제
5를 삭제하고 싶음
새로운 바구니를 만들어서 1-4까지만 담은거임
next,prev 때문에 불변해야하니까 이렇게 삭제하는 것
final과 const의 차이
const를 new하면 메모리에 뜨고
한번더 new하면
상태가 다르면
const를 붙이는건 이미 만들어진 디자인 그대로 쓰는거라서 heap에 떠있는거 그대로 쓰는거임
final VS const4. 수정
컬렉션 내부의 오브젝트 다루는 법
기존의 상태 관리하고 있으면 상태 끝에 추가하거나 부분만 변경하기 위해 알아야 함
1. 추가
java의 람다는 불가능한 거를 가능하게 한 것 뿐
2. 검색
계속 서버에서 받아올 필요없이 컬렉션을 다루면 될일
가져온 값을 정렬하는것과 선택해서 검색하는 것(서버로 다시 가야됨)은 다른 일임
가져온 데이터를 재정렬하는것은 다 이거 써야 됨
3. 삭제
js object는 스키마 (미리 정해져있는 컬럼)같은게 없어서
id 4는 addr과 tel이 없어도 추가 가능하다.
4. 수정 (1)
copyWith를 썻던 이유
user object 자체를 깊은 복사한게 아니라 수정한거임
즉 heap에 떠있는 user 자체를 수정한거임
그래서 잘못된 코드
10번지를 순회한거임
컬렉션 자체를 새로 만든건데
map 안에 있는 object
dart는 map 안에 있는 object가 수정된게 아니라 변경하는 식만 들고있음 heap에 변경 없음 → 실행시에 변경되는거
t4 리스트 를 변경한거라서 X
5. 수정 (2)
age만 변경해서 넣는것
6. 수정 (3)
전개연산자부터 잘 알아야됨
오브젝트 깊은 복사는 중괄호 내부에 …객체
근데 이 방식 안함
더 좋은 방법
필드 하나씩 고치고 언제 다 하냐!
그래서 이 방식 쓰기
{title:’새제목’ , …board}
흩뿌릴때 title이 먼저있으니까 덮어씌울지 순서가 중요할지?
⇒ 덮어씌움
→ 그니까 뒤에서 덮어씌우면 됨
{…board,title:’새제목’}
7. 수정 (4)
Share article