개발 일기

2024-10-17(구조분해할당,pop,map,filter)

민ズl 2024. 10. 17. 17:42

구조분해할당에서 rest연산자는 마지막에만 사용!

const [a, b, ...rest] = [1, 2, 3, 4, 5];
console.log(rest); // [3, 4, 5]

절대 동일한 객체를 참조하지 않기(obj2처럼)

onst obj1 = { name: "김", details: { height: 170 } };
const obj2 = obj1; // 같은 객체를 참조
const obj3 = { ...obj1 }; // 얕은 복사

obj3.name = "이"; 
obj3.details.height = 180; 

console.log(obj1.name); // "김" (변경되지 않음)
console.log(obj1.details.height); // 180 (변경이 반영됨)

원본데이터를 건들이지 않기!!

 

pop() 메서드는 뺀 요소를 가지고있음

let colors = ['red','green','blue'];
const color = colors.pop();
console.log(colors); // ["red","green"]
console.log(color); // 'blue'

map()메서드는 꼭 return해주기

let numbers = [1,2,3,4,5];
let newNumber = numbers.map(function(num){
  return num * 10;
});
console.log(newNumber); // [10,20,30,40,50]

filter()메서드도 꼭 return해주기

'개발 일기' 카테고리의 다른 글

2024-10-21(비동기-promise,async/await,fetch)  (0) 2024.10.21
2024-10-18 (DOM,API)  (0) 2024.10.18
2024-10-16(복사,배열메서드,객체메서드)  (0) 2024.10.16
2024-10-14(RenderTree , const)  (0) 2024.10.14
2024-10-12(this,promise)  (0) 2024.10.12