JAVASCRIPT4 [JS] indexOf() & search() - 찾는 문자열 위치알림 몇일 전, 자바스크립트 문제를 풀다가 나에게 아주 작은(?) 시련이 찾아왔다. 주어진 문자열에서 특정 문자의 위치를 찾아내 반환하는 문제였는데, "indexOf 함수를 사용하지 마세요." 라는 조건이 붙은 문제였다. 당연히 indexOf 함수로 해결하는 거 말고는 다른 방법은 도무지 생각해내지 못했다. 결국 나의 선생님, 구글에게 물어보았다. 구글선생은 나에게 search라는 함수가 있다고 알려주었다. 그래서 작성하게 된 포스팅이다. 🙋🏻♀️ indexOf() 가 뭐에요? 💁🏻♀️ string.indexOf( 찾는 문자열, position : [기본값은 0, string에서 특정문자열 찾기를 시작할 위치] ) indexOf 함수는 문자열(string)에서 특정 문자열(searchvalue)을 찾고, .. 2022. 2. 13. [JS] includes() 메소드 - 특정 단어 포함 유무 확인 함수 자바스크립트 문자열이 특정 단어를 포함하는지 확인하거나 배열이 특정 요소를 포함하는지 확인하기 위해서 includes 메소드를 사용할 수 있다. ♥ 문자열이 특정 단어를 포함하는지 확인하는 방법 string.includes( 찾을 문자열, 시작 인덱스 ) : string 안에 인자로 전달한 문자열이 있으면 true, 없으면 false를 반환한다. ♥ 배열이 특정 요소를 포함하는지 확인하는 방법 array.includes() ( string.includes()와 동일하게 작동한다 ) 2022. 2. 13. [JS] Trim( )메소드 - 공백 제거 함수 간혹, 데이터를 받아올 때, 공백이 많이 붙어있는 것을 볼 수 있다. 나의 경우엔 to-do-list를 만들때, 공백을 써도 입력이 되어서 그 작동을 막기위해서 공백을 지워내려면 어떻게 하지? 라는 고민을 했었다. 이러한 경우들에, Trim()을 사용하면 간단하게 공백을 제거할 수 있다. 이번 포스팅에서는 Trim()이 무엇인지와 그 사용방법에 대해서 알아보려한다. trim 이란..? "trim" 이라는 영단어를 우리나라 말로 해석하면 "다듬다, 손질하다, 정돈하다" 등의 표현을 가지고 있다. 즉, 말 그대로 trim은 문자열을 다듬는 작업을 말하는 것이다. 위 사진 처럼 trim을 사용하면 중간의 공백은 제외하고 앞뒤 공백만 제거해준다. 문자열 앞 뒤에 공백이 중복되어 여러 개가 있어도 모두 제거 가능.. 2022. 2. 13. [JS] 이벤트 버블링 " 이벤트 버블링 - Event Bubbling " 이벤트 버블링은 특정 화면 요소에서 이벤트가 발생했을 때 해당 이벤트가 더 상위의 화면 요소들로 전달되어 가는 특성이다. 위 그림은 아래에 예시로 들 코드를 미리 도식화한 그림입니다. 세 개의 div 태그가 있고 가장 아래에 있는 div 태그에서 이벤트가 발생했을 때 최상위 요소인 body 태그까지 이벤트가 전달되는 모습입니다. const divs = document.querySelectorAll('div'); divs.forEach((div) => { div.addEventListener('click', logEvent); }); function logEvent(event) { console.log(event.currentTarget.className.. 2022. 2. 12. 이전 1 다음
