치악산 복숭아

쓸 때마다 잊어버려서 기억하려고 메모하는 포스팅... currentTarget : 이벤트를 등록한 요소 target : 이벤트가 발생한 요소 HTML 삽입 미리보기할 수 없는 소스 콘솔에 target을 찍어보면 클릭이 일어난 요소가 출력되지만 // 클릭한 각각의 요소가 // 출력되는 모습 Good evening ! currentTarget은 이벤트가 등록된 최상단 요소 button이 출력된다 Good evening !

1. RegExp.prototype.exec 인수로 전달받은 문자열에 대해 정규식과 일치하는지 탐색을 수행한 한 결과를 배열(없다면 null)로 반환한다. 2. String.prototype.match 자신을 호출한 문자열과 인수로 전달받은 정규 표현식과의 매칭 결과를 배열(없다면 null)로 반환한다. 일단 exec()의 형식은 정규식.exec(문자열) / match()의 형식은 문자열.match(정규식) 로 순서가 반대이다. 그럼 순서에서 차이점만 있는건가...? 했는데 그건 또 아니었음 🤔 차이점 1) 정규식에 g 플래그를 붙여서 함수를 실행하면 match는 문자열에서 해당하는 부분을 전부 배열에 넣어서 return 해주지만 exec는 처음 일치하는 부분 하나만 배열에 넣어서 return한다. co..

Array.prototype.filter 자신을 호출한 배열의 요소들에 대해 인수로 전달받은 함수를 호출한다, 그리고 그 결과가 true인 요소들을 모아서 새로운 배열을 반환한다 원본 배열은 변경 X 구문 arr.filter(callback(element[, index[, array]])[, thisArg]) 매개변수 1. callback: 각 요소를 검사할 함수 - return값이 true면 유지 / false면 버림(다음 세 가지 인수를 가진다) 1) element: 처리할 현재 요소 2) index(optional): 처리할 현재 요소의 인덱스 3) array(optional): filter()을 호출한 배열 2. thisArg(optional): callback을 실행할 때 this로 사용되는 값..

Array.prototype.map 자신을 호출한 배열의 요소들에 대해 인수로 전달받은 함수를 호출한다, 그리고 그 결과를 모아서 새로운 배열을 반환한다 원본 배열은 변경 X 구문 arr.map(callback(currentValue[, index[, array]])[, thisArg]) 매개변수 1. callback: 새로운 배열 요소를 생성하는 함수(다음 세 가지 인수를 가진다) 1) currentValue: 처리할 현재 요소 2) index(optional): 처리할 현재 요소의 인덱스 3) array(optional): map()을 호출한 배열 2. thisArg(optional): callback을 실행할 때 this로 사용되는 값 const vege = ["가지", "호박", "시금치"]; c..