728x90

// key와 value값이 있는 배열을 선언합니다.
const keyValueArray = [
{ key: 'apple', value: '사과' },
{ key: 'banana', value: '바나나' },
{ key: 'orange', value: '오렌지' },
// ...
];
// textarea 엘리먼트를 선택합니다.
const $textarea = $('textarea');
// textarea에 입력된 값을 감지하는 이벤트 리스너를 등록합니다.
$textarea.on('input', function() {
let inputValue = $textarea.val(); // 입력된 값
for (const keyValue of keyValueArray) {
const regex = new RegExp(keyValue.key, 'gi'); // 정규식 패턴 생성
inputValue = inputValue.replace(regex, keyValue.value); // key값과 일치하는 문자열을 value값으로 변경
}
$textarea.val(inputValue); // 변경된 값을 textarea에 적용
});
참고 : https://choi-hyunho.tistory.com/175
replace 사용해서 문자열 치환(RegExp 객체 사용)
알고리즘 공부 하던 중 정규식을 사용해서 문자열을 치환하는 방법을 새로 알게 되었습니다. 우선 replace() 메서드는 특정 문자열을 치환 할 때 사용 합니다. ✔ 하지만, 문자열에서 변경하려는
choi-hyunho.tistory.com
728x90
'STUDY > jQuery' 카테고리의 다른 글
[jQuery] 선택 요소의 좌표 .offset() (0) | 2023.09.15 |
---|---|
[jQuery] dataType과 contentType 차이점 (422 에러 발생원인) (0) | 2023.09.04 |
[jQuery] .html 개행 \n 적용 <br> (0) | 2023.04.26 |
[jQuery] function(e) 의미 (0) | 2023.04.03 |
[AMCHARTS] input값을 받아 차트 데이터 추가 생성 (0) | 2023.03.24 |