5. 배열 수정하기 (map과 spread응용)
1. 주어진 값에서 하나의 값을 수정하기 // 효율적 값 변경 예시, data 값을 a6에서 찾아서 변경한다. // 데이터를 1건밖에 없을때는 아래와 같이 수정 한다. const data = {phone:"2222"}; const a6 = {id:1, name:"홍길동", phone:"1111", age:17, gender:"남"}; const b6 = {...a6, ...data}; console.log(b6); 2. 다수의 값에서 하나의 값을 수정하기 const users = [ {id:1, name:"구태모", phone:"22222"}, {id:2, name:"이대엽", phone:"33333"}, {id:3, name:"오승훈", phone:"44444"} ]; const updateUserDt..
4. 불변함수 4가지 배우기 (concat, filter, map, slice, 스프레드(전개) 연산자)
1. 테스트 html 파일을 생성 test.html 파일 생성 → doc → 기본 html 구조 설정 → 마우스 우클릭 → Open In Default Browser → 테스트 브라우저 창 열고 → F12 → Console 값 확인 할 수 있도록 설정 2. 기능별 코드 (값 뿌리기, 값 추가하기, 값을 걸러내기, 값을 잘라내기, 값을 반복하기) 3. map을 이용하여 값을 출력하기 import './App.css'; function App() { let list = [1, 2, 3]; // 스프링에서 데이터를 받아서 넣어준 값을 아래의 코드가 연산을 수행한다. return ( {list.map((n) => ( {n} ))} ); } export default App; 결과 화면
