[javascript] 조건문을 사용한 상품 검색 예제

12 Dec 2023

javascript

이번 포스팅에서는 자바스크립트를 사용하여 조건문을 활용해 상품을 검색하는 간단한 예제를 살펴보겠습니다.

1. 상품 데이터

우리는 간단한 상품 데이터를 다음과 같이 정의하겠습니다.

const products = [
  { id: 1, name: '신발', price: 50000 },
  { id: 2, name: '셔츠', price: 30000 },
  { id: 3, name: '바지', price: 40000 },
  { id: 4, name: '모자', price: 20000 },
  { id: 5, name: '가방', price: 60000 }
];

2. 조건문을 사용한 상품 검색

이제 우리는 사용자가 입력한 키워드에 해당하는 상품을 찾아주는 간단한 함수를 만들어보겠습니다.

function searchProduct(keyword) {
  const result = products.filter(product =>
    product.name.toLowerCase().includes(keyword.toLowerCase())
  );

  if (result.length > 0) {
    return result;
  } else {
    return '상품을 찾을 수 없습니다.';
  }
}

위 함수는 사용자가 입력한 키워드를 포함하는 상품을 찾아 배열로 반환하며, 검색 결과가 없을 경우 “상품을 찾을 수 없습니다.” 메시지를 반환합니다.

3. 상품 검색 예제

이제 우리가 작성한 함수를 사용하여 상품을 검색하는 예제를 살펴보겠습니다.

console.log(searchProduct('신'));
console.log(searchProduct('가방'));
console.log(searchProduct('코트'));

위 예제를 실행하면 사용자가 입력한 키워드에 해당하는 상품을 찾아 콘솔에 출력하거나 “상품을 찾을 수 없습니다.” 메시지가 출력될 것입니다.

4. 마무리

간단한 조건문을 활용하여 상품을 검색하는 예제를 살펴보았습니다. 이를 응용하여 실제 상품 검색 기능을 구현하는 데 활용할 수 있습니다. 계속해서 다양한 자바스크립트 기능과 활용법에 대해 공부해보시기를 권장합니다.

참고 문헌: MDN Web Docs - Array.prototype.filter()