Javascript에서 문자열 제목을 슬러그로 변환

王林
풀어 주다: 2024-07-27 20:58:12
원래의
913명이 탐색했습니다.

Convert String Title to Slug in Javascript

JavaScript를 사용하여 제목을 슬러그 형식으로 변환하려면 제목을 URL 친화적인 문자열로 변환해야 합니다. 여기에는 일반적으로 문자열을 소문자로 바꾸고, 공백 및 기타 영숫자가 아닌 문자를 하이픈으로 바꾸고, 선행 또는 후행 하이픈을 제거하는 작업이 포함됩니다. 이를 달성하는 방법에 대한 단계별 가이드는 다음과 같습니다.

문자열을 소문자로 변환: 이렇게 하면 슬러그 형식의 일관성이 보장됩니다.

  1. 공백과 영숫자가 아닌 문자를 하이픈으로 바꾸세요. 2. 이렇게 하면 문자열이 URL 친화적이 됩니다.
  2. 선행 및 후행 하이픈 제거: 문자열의 시작이나 끝에 추가된 추가 하이픈을 정리합니다.

이를 수행하는 샘플 JavaScript 함수는 다음과 같습니다.

function stringToSlug(title) {
  return title
    .toLowerCase()                           // Convert to lowercase
    .replace(/[^a-z0-9 -]/g, '')             // Remove invalid characters
    .replace(/\s+/g, '-')                    // Replace spaces with hyphens
    .replace(/-+/g, '-')                     // Replace multiple hyphens with a single hyphen
    .replace(/^-+|-+$/g, '');                // Remove leading and trailing hyphens
}

// Example usage:
const title = "This is a Sample Title!";
const slug = stringToSlug(title);
console.log(slug);  // Output: "this-is-a-sample-title"
로그인 후 복사

설명:

  1. toLowerCase(): 전체 문자열을 소문자로 변환합니다.
  2. replace(/[^a-z0-9 -]/g, ''): 소문자, 숫자, 공백, 하이픈이 아닌 모든 문자를 제거합니다.
  3. replace(/s+/g, '-'): 하나 이상의 공백을 4. 단일 하이픈으로 바꿉니다.
  4. replace(/-+/g, '-'): 연속된 여러 하이픈을 단일 하이픈으로 바꿉니다.
  5. replace(/^-+|-+$/g, ''): 앞뒤 하이픈을 제거합니다.

이 기능은 모든 제목 문자열을 깔끔하고 URL 친화적인 슬러그로 변환하는 데 도움이 됩니다.

위 내용은 Javascript에서 문자열 제목을 슬러그로 변환의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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