정규식 2

자바스크립트에서 문자열을 검색해서 변경할때에 변수를 이용하여 변경하는 방법, 정규식을 이용하여 모든 문자열을 검색하는 방법을 소개합니다.

아래의 스크립트 예제는 id 값이 orignText 라는 textarea 의 내용을 가져와서 transArray 에 있는 과일의 이름을 찾아서 해당 과일 이름에 * 표시를 추가하여 넣는 기능을 구연해 본 예제입니다. 여기에서 핵심은 테스트를 찾아서 변경하는 부분인데요. 일반적으로 하나의 텍스트만 변경을 하지만 텍스트의 모든 내용을 검색해서 변환하는 방법을 구현해 보았습니다. 또한 공백을 제외한 입력된 텍스트의 길이 계산하는 방법도 표현해 보았습니다. 자바스트립트 배열과 문자열을 찾아서 변경하는 부분과 정규식을 이용한 문자열 검색 부분에서 조금이나마 도움이 되셨으면 좋겠습니다. 위의 예제에서 처음에 나오는 부분은 아래와 같습니다.$('#orignText').keyup(function (event) { //..

IT News/jQuery 2018.12.11

javascript replace 자바스크립트 문자열 변경

일반적으로 자바스크립트에서 문자 하나의 값을 변경이 가능합니다. 예를 들어..화면에 step > step2 > step3 이렇게 표시된다고 하였을때요.. > 표시를 > 로 html 에서 표기를 하는데요.. 문제는 자바스크립트에서는 값을 받아서 화면에 표시를 한다고 하면 그대로 > 로 표시가 되는 경우가 생기었습니다. 그래서 문자열 변경을 하기 위해서 해보았는데요. var strValue1 = 'step1 > step2 > step3';var strValue2 = strValue1.replace('>p;', '>'); 이렇게 되면 strValue2 의 값은 step1 > step2 > step3 로 값이 나타납니다. 즉 처음 단어 하나만 변경이 되는 것입니다. 그러나 이것은 제가 원하는것이 아니라 모든..

IT News/jQuery 2016.04.12