Program Club

Javascript / jQuery : 낙타 문자 문자열을 분할하고 공백 대신 하이픈 추가

proclub 2020. 12. 14. 20:09
반응형

Javascript / jQuery : 낙타 문자 문자열을 분할하고 공백 대신 하이픈 추가


나는 이것이 정규식의 다중 부분 상황이라고 상상할 수 있지만 대문자에서 낙타 문자열을 소문자로 바꾸고 각 새 문자열 사이에 하이픈을 추가하는 방법은 무엇입니까?

예를 들면 :

thisString

될 것입니다 :

이 문자열


다음과 같이 시도하십시오.

var myStr = 'thisString';

myStr = myStr.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();

답변이 늦었지만이 솔루션은 단일 문자가 카멜 케이스 인 경우에 효과적입니다.

'thisIsATest'.replace(/([a-zA-Z])(?=[A-Z])/g, '$1-').toLowerCase();  // this-is-a-test

다음을 시도하십시오.

var token = document.getElementsByTagName('strong')[0].innerHTML,
    replaced = token.replace(/[a-z][A-Z]/g, function(str, offset) {
       return str[0] + '-' + str[1].toLowerCase();
    });

alert(replaced);

-http : //jsfiddle.net/7DV6A/2/

문자열 replace함수에 대한 문서 :

https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String/replace


String.prototype.camelCaseToDashed = function(){
  return this.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
}
// Usage
"SomeVariable".camelCaseToDashed();

이 모든 솔루션이 왜 그렇게 복잡한 지 모르겠지만 이것이 충분하다는 것을 알았습니다.

function camelCaseToDash(input){ 
     // replace Capital letter with the letter + a dash: '-', then lowercase everything.
     return input.replace(/([A-Z])/g, '-$1').toLowerCase(); 
}    

//or, using a callback function, directly lowercasing.
function camelCaseToDashCallback(input){
     //replace capital letter with lowercase variant + a dash '-'.
     return input.replace(/([A-Z])/g, (x)=> "-"+ x.toLowerCase());
}    

일반적으로 옵션 1이 더 빠릅니다 : https://jsfiddle.net/4557z/17/

참고URL : https://stackoverflow.com/questions/8955533/javascript-jquery-split-camelcase-string-and-add-hyphen-rather-than-space

반응형