배열 안에 있는 요소들 중에 특정한 것이 있는지 없는지를 찾아내는 함수이다. 예를들면 ['감나무','소나무','대나무'] 가운데 '소나무'가 배열안 있는지 찾아서 몇번째에 있는지 index번호를 알려준다. arr.indexOf('도토리') const arr = ["도토리", "콩", "앵두"]; const result = arr.indexOf("앵두"); console.log(result); // 2 (배열은 0부터 시작하니까 2가 나옴)
문자열을 배열로 만들어 준다. 예를 들어 "대나무,소나무,대추나무"라는 문자열이 있다면 ['대나무','소나무','대추나무'] 이런 식으로 만들어 준다. str.split(',') const str = "도토리,콩,앵두"; const strToArr = str.split(","); console.log(strToArr); // ["도토리", "콩", "앵두"] 문자열 안에 있는 콤마(,)를 구분자로 사용해서 배열로 잘라준다.
배열안에 있는 모든 요소들을 합쳐서 문자열로 반환해주는 함수이다. 구분자를 넣으면 구분자로 합쳐준다. arr.join("") const arr = ['감자','배','사과']; arr.join('') // 감자배사과 arr.join('*') // 감자*배*사과
자바스크립트에서 이벤트리스너에 등록한 이벤트의 기본동작을 막아주는 함수이다. 예를 들면 form태그에 'submit' 이벤트를 등록하면 이벤트가 발생하면 항상 페이지를 새로고침하는 동작을 하는데 이것을 막고싶을 때가 있다. 이런 때 사용하면 된다. form.addEventListener('submit', function(e){ e.preventDefault(); console.log("kkk"); })