RGB 를 객체로 변환하기

소개

이 랩에서는 rgb() 색상 문자열을 각 색상의 값을 가진 객체로 변환하는 JavaScript 함수를 살펴봅니다. 이 함수는 문자열 조작과 배열 구조 분해 (array destructuring) 를 결합하여 입력 문자열에서 숫자 값을 파싱하고 새로운 객체에 저장합니다. 이 랩은 JavaScript 에서 문자열, 배열 및 객체를 사용하는 방법을 이해하는 데 도움이 될 것입니다.

RGB 를 객체로 변환하기

rgb() 색상 문자열을 각 색상의 값을 가진 객체로 변환하려면 다음 단계를 따르세요.

1. 터미널/SSH 를 열고 node를 입력하여 코딩 연습을 시작합니다.
2. String.prototype.match()를 사용하여 숫자 값을 가진 3 개의 문자열 배열을 가져옵니다.
3. Array.prototype.map()을 Number와 함께 사용하여 숫자 값의 배열로 변환합니다.
4. 배열 구조 분해 (array destructuring) 를 사용하여 값을 명명된 변수에 저장하고, 해당 변수들로부터 적절한 객체를 생성합니다.

다음은 사용할 수 있는 코드입니다.

const toRGBObject = (rgbStr) => {
  const [red, green, blue] = rgbStr.match(/\d+/g).map(Number);
  return { red, green, blue };
};

toRGBObject("rgb(255, 12, 0)"); // {red: 255, green: 12, blue: 0}

요약

축하합니다! RGB 를 객체로 변환하는 랩을 완료했습니다. LabEx 에서 더 많은 랩을 연습하여 기술을 향상시킬 수 있습니다.