내장 기능 없이 JavaScript에서 색상 이름을 16진수 코드로 변환하는 방법은 무엇입니까?

DDD
풀어 주다: 2024-10-28 04:28:01
원래의
725명이 탐색했습니다.

How to Convert Color Names to Hex Codes in JavaScript Without Built-in Functions?

Javascript에서 색상 이름을 16진수 코드로 변환하는 방법

색상 변환은 지루한 작업이 될 수 있으며, 특히 모든 항목을 수동으로 코딩해야 하는 경우 더욱 그렇습니다. 가능한 조합. 다행히 이 프로세스를 단순화하고 시간을 절약할 수 있는 방법이 있습니다.

내장 함수

다양한 기능에도 불구하고 Javascript는 기본적으로 내장 기능을 제공하지 않습니다. 색상 이름을 16진수 표현으로 직접 변환할 수 있는 함수입니다.

사용자 정의 구현

이 제한 사항을 해결하기 위해 외부 목록을 사용하여 사용자 정의 함수를 생성할 수 있습니다. 색상 이름과 해당 16진수 코드. 다음은 이 작업을 수행하는 방법을 보여주는 코드 조각입니다.

<code class="javascript">function colourNameToHex(colour) {
    var colours = {
        "aliceblue": "#f0f8ff",
        "antiquewhite": "#faebd7",
        // Additional color names and hex codes go here
    };

    if (typeof colours[colour.toLowerCase()] != 'undefined') {
        return colours[colour.toLowerCase()];
    }

    return false;
}</code>
로그인 후 복사

Usage

colorNameToHex 함수를 사용하려면 색상 이름을 인수로 전달하면 됩니다. 16진수 코드를 반환합니다. 예:

<code class="javascript">console.log(colourNameToHex('red')); // Outputs: #ff0000
console.log(colourNameToHex('chartreuse')); // Outputs: #7fff00</code>
로그인 후 복사

사용자 정의 목록

제공된 예에는 데모용으로 몇 가지 색상 이름이 포함되어 있습니다. https://www.w3schools.com/colors/colors_names.asp

위 내용은 내장 기능 없이 JavaScript에서 색상 이름을 16진수 코드로 변환하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿