객체 { 'a': 1, 'b':2 } 있을 때 key-value를 뒤집어서 { 1: 'a', 2: 'b' } 이렇게 반대로 만드는 방법 입니다. let cities = { Lyon: 'France', Berlin: 'Germany', Paris: 'France' }; let countries = Object.keys(cities).reduce((acc, k) => { let country = cities[k]; acc[country] = [...(acc[country] || []), k]; return acc; }, {}); // 한줄로 // let countries = Object.keys(cities).reduce((acc, k) => (acc[cities[k]] = [...(acc[cities[k]..

자바스크립트 데이터를 다룰 때 객체에서 키에 해당하는 값이 몇 개 있는지 빈도수 확인하여 새로운 객체로 반환합니다. 아래의 경우 사용자들의 연령때가 어떻게 되는지 확인 할 수 있는 코드 입니다. let users = [ { id: 11, name: 'Adam', age: 23, group: 'editor' }, { id: 47, name: 'John', age: 28, group: 'admin' }, { id: 85, name: 'William', age: 34, group: 'editor' }, { id: 97, name: 'Oliver', age: 28, group: 'admin' } ]; let groupByAge = users.reduce((acc, it) => ({ ...acc, [it.age]..

Set() 자바스크립트에서 Set 객체를 이용하면 간단하게 중복없는 데이터를 표현할 수 있습니다. 중복값이 있는 배열을 Set 객체로 만들어서 중복을 제거한 후, Spread Operator(전개연산자)를 사용하여 Set 객체를 다시 배열로 변환합니다. let arr = [3, 1, 3, 5, 2, 4, 4, 4]; let uniqueValues = [...new Set(arr)]; console.log(uniqueValues); // [3, 1, 5, 2, 4] reduce() Array.includes(value) : value가 Array배열에 존재하는지 판단해 true, false를 반환합니다. let arr = [3, 1, 3, 5, 2, 4, 4, 4]; arr.reduce((acc,curr)..

.map() 인자값: currenValue, index, array 요소를 일괄적으로 변경 var arr = ['foo', 'hello', 'diamond', 'A'] var arr2 = arr.map((v) => v.length) // 각 요소의 글자 길이값 반환 console.log(arr2) // [3, 5, 7, 1] .filter() 요소를 걸러내어 배열로 true/false 반환, 없으면 빈 배열 var arr = [4, 15, 377, 395, 400, 1024, 3000] var arr2 = arr.filter((v) => (v % 5 === 0)) console.log(arr2) // [15, 395, 400, 3000] .find() 단 하나의 요소만 반환, 여러 개 있으면 처음값만 반..