안녕하세요. 혀코입니다.
이번 시간에는 jQuery를 사용해서 문자열을 분리하는 방법에 대해서 알아보도록 하겠습니다.
jQuery로 문자열을 분리할 때는 split() 함수를 사용합니다.
아래와 같이 URL 비슷한 문자열이 있다고 가정해 보겠습니다.
let customURL = "https://www.naver.com/en-us/products/cell-phone";
let customURL2 = "https://www.naver.com/en-us/downloads/cell-phone";
여기서 구조적으로 products 또는 download 단어가 있는 부분만을 추출고자 할때, 해당 단어를 추출하는 방법은 아래와 같이 진행하면 됩니다.
customURL.split('/');
// ["https:", "", "www.naver.com", "en-us", "products", "cell-phone"]
customURL2.split('/');
// ["https:", "", "www.naver.com", "en-us", "downloads", "cell-phone"]
customURL.split('/')[4];
// products
customURL2.split('/')[4];
// downloads
https://www.naver.com/en-us/products/cell-phone 을 문자 / 로 분리하면, 아래와 같이 배열이 생성이 됩니다.
["https:", "", "www.naver.com", "en-us", "products", "cell-phone"]
여기서 배열 첫번째는 [0], 두번째는 [1], 세번째는 [2], 네번째는 [3], 다섯번째는 [4] 이렇게 지정이 됩니다.
그래서 products 부분의 문자열 값을 구하기 위해 split과 함께 쓸때는 customURL.split('/")[4] 이렇게 쓰면됩니다.
그리고 이렇게 하면, URL에서 / 문자 사이에 있는 원하는 문자열을 쉽게 추출할 수 있습니다.
이번에는 콤마( , )로 이루어진 문자열을 나눠보도록 하겠습니다.
meta keywords 같은 경우에는 , 로 키워드가 하나의 문자열을 이루고 있습니다. 이 키워드 문자열을 각각 단어로나눠서 배열 형태로 출력 해보도록 하겠습니다.
let metaKeywords = "jquery, functions, split, attr, awesome";
metaKeywords.split(', ');
// ["jquery", "functions", "split", "attr", "awesome"]문자 콤마( , )와 스페이스로 나눠져 있으므로 split 함수를 사용할 때, 콤마와 스페이스를 함께 분리할 문자열로 넣어주면, 단어만 깔끔하게 분리되어 배열로 출력되는 것을 확인할 수 있습니다.
이렇게 jQuery를 사용해서 문자열을 분리하는 방법에 대해서 알아봤습니다.
유용하셨다면, 공감과 구독 부탁 드립니다.
감사합니다.
댓글