FE/Javascript 4

[Javascript] Exec 함수 / Match 함수 / MatchAll 함수 알아보기

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

FE/Javascript 2021.07.03

[Javascript] Filter 함수 알아보기

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로 사용되는 값..

FE/Javascript 2021.06.25

[Javascript] Map 함수 알아보기

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..

FE/Javascript 2021.06.24

[Javascript] toString이 하는 일

내가 알고있던 toString은 단순히 string 값으로만 변환시켜주는 메소드였는데...아니였다!! const num = 13; const num2 = num.toString(); const num3 = num.toString(2); console.log("toString 안 쓰면 "+typeof num); console.log("toString 쓰면 "+typeof num2); console.log(num3+"의 타입은 "+typeof num3) 1) 매개변수로 받은 배열, 숫자 boolean값 등을 string 형식으로 변환 boolean값에 toString을 쓰면 string 값으로 바뀐다 const flag = new Boolean(true); console.log(flag); console.l..

FE/Javascript 2021.05.06