[자바 스크립트] 7. 불변

백하림's avatar
Mar 31, 2025
[자바 스크립트] 7. 불변
// 불변 let list = [1,2,3]; // 1. 깊은 복사 let deepCopy = [...list]; // ... 전개 연산자 deepCopy.push(4); console.log("list",list); console.log("deepCopy",deepCopy); // 2. 추가 let appendList = [...list,4]; let prependList = [0,...list]; console.log("appenList:",appendList); console.log("prependList",prependList); // 3. 찾기 let searchList = list.filter((n)=> n==2); console.log("searchList",searchList); // 4. 삭제 let deleteList = list.filter((n)=> n!=2); console.log("deleteList",deleteList); // 5. 수정 // let updateList = list.map((n)=> n==2 ? n*10 : n); 3항 연산자 짱 let updateList = list.map((n)=>{ if(n==2){ return n * 10; }else { return n; } }); console.log("updateList",updateList);

📌 배열(list) 조작 정리

  1. 배열 복사 (깊은 복사)
    1. let deepCopy = [...list]; // 전개 연산자 사용
  1. 배열에 요소 추가
      • 앞에 추가 → [4, …list]
      • 뒤에 추가 → […list, 4]
  1. 배열에서 특정 값 찾기 (filter 사용)
    1. let searchList = list.filter(n => n == 2);
  1. 배열에서 특정 값 삭제 (filter 사용)
    1. let deleteList = list.filter(n => n != 2);
  1. 배열 값 수정 (map 사용)
    1. let updateList = list.map(n => (n == 2 ? n * 10 : n));
      • map()을 사용하여 조건에 맞는 값만 수정
      • 3항 연산자 사용 가능 (조건 ? 참일 때 : 거짓일 때)
notion image
Share article

harimmon