이번에는 명령형 코드를 함수형 코드로 전환하는 작업을 할 계획이다. 명령형 코드 작성 전환하기 전 명령형 코드를 먼저 작성하려고 한다. const user = [ { id: 1, name: "ID", age: 36 }, { id: 2, name: "BC", age: 48 }, { id: 3, name: "QW", age: 25 }, { id: 4, name: "RE", age: 32 }, { id: 5, name: "WD", age: 12 }, { id: 6, name: "AS", age: 10 }, { id: 7, name: "DD", age: 50 }, { id: 8, name: "SV", age: 23 }, ] 30세 이상인 user를 거른다. const temp_users = [] for(let ..

React를 사용할 때 State로 Map을 사용하는 경우가 있다. 이때 어떤 방식으로 추가, 삭제, 등을 할 것인가? const [state, setState] = React.useState(new Map()); // 추가 const add = (key, value) => { setState((prev) => new Map([...prev, [key, value]])); }; // 없는 경우에만 추가 const upsert = (key, value) => { setState((prev) => new Map(prev).set(key, value)); } // 삭제 const delete = (key) => { setState((prev) => { const newState = new Map(prev); ..

코딩을 하다보면 빈번하게 객체를 정리 해야하는 경우를 만나게 된다. 배열의 경우엔 Sort 함수를 사용하면 되지만 객체의 경우엔 몇 가지 제약이 있다. 기본적으로 Object를 저장형 데이터로 사용할 경우에는 Object를 사용하기 보단 Map을 사용하는 것이 좋다. 어쩔수 없이 Object를 사용하는데 정렬이 필요할 때 참고 바랍니다! 다양한 해결 방법이 있었는데, 그중 하나를 정리한다. let object = { a : 20, b : 30, c : 40, d : 35, } 형식의 객체가 있다고 했을 때 Value를 기준으로 정리하는 방식이다. const sortObject = []; for(const item in object) { sortObject.push([item, object[item]]);..