[Javascript] 배열에서 map(), filter(), reduce() 함수 정리

React 나 Javascript 상에서 꼭 알아 두어야 하는 함수를 정리한다.

 

https://chatgpt.com/share/6a778531-33a0-83ee-8f30-da6f5855771d

이 채팅을 확인해 보세요

 

 

map_filter_reduce.pdf

1.10MB

 

const products = [
    { id: 1, name: "노트북", price: 1200000, stock: 5 },
    { id: 2, name: "마우스", price: 30000, stock: 0 },
    { id: 3, name: "키보드", price: 80000, stock: 10 },
    { id: 4, name: "모니터", price: 400000, stock: 3 }
];
 
 

 

 

재고가 있는 상품만 얻기

const availableProducts = products.filter(product => product.stock > 0);

 

상품명만 얻기

const names = products.map(product => product.name);

 

상품 총 가격

const totalPrice = products.reduce( (total, product) => total + product.price, 0 );

 

재고가 있는 상품들의 총 재고

const totalStock = products

                             .filter(product => product.stock > 0)

                             .reduce( (total, product) => total + product.stock, 0 );

 

재고가 있는 상품들의 이름만 

const names = products

                             .filter(product => product.stock > 0)

                             .map(product => product.name);

 

 

// ① map : 바꾼다

const a = numbers.map(x => x * 2);

 

// ② filter : 고른다

const b = numbers.filter(x => x >= 10);

 

// ③ reduce : 합친다

const c = numbers.reduce((sum, x) => sum + x, 0);